水平耀斑

We all know that functional code is the leg that any good program stands on when it comes right down to it, however, if your program lacks a good user interface your product may not have the appeal needed to keep your customers happy. This issue can be easily solved by simply using a graphics creation tool such as Paint, Gimp, or Adobe Photoshop and the Transparency key tool found within the C# program.

我们都知道，功能代码是任何好的程序赖以生存的基础，但是，如果您的程序缺少良好的用户界面，则您的产品可能没有吸引客户满意的吸引力。 只需使用图形创建工具（例如Paint，Gimp或Adobe Photoshop）和C＃程序中的透明键工具，就可以轻松解决此问题。

To ensure you have the correct amount of space for all form objects needed and even room for adding features down the road, design of your new program becomes the key to a successful build. In keeping with that tradition of design we will need to first layout how we would like our form to look at the end of our project.

为了确保为所有需要的表单对象留有适当的空间，甚至为将来添加功能留出空间，新程序的设计成为成功构建的关键。 为了保持设计的传统，我们将需要首先布局，以使我们的表单在项目结束时显示。

For this example we will be creating a mock MP3 Player. I have decided to make the form appear in the shape of a banner with the display information and buttons in the center. Here is how I would like my form to look when it is complete:

对于此示例，我们将创建一个模拟MP3播放器。 我决定使表格以横幅的形式出现，并在显示信息和按钮的中央。 这是我希望表单完成后的样子：

image001.jpg image001.jpg

As you can tell I am not an artist but for the purpose of this article let’s pretend it is the greatest design ever. You can do this step with nothing but a scratch piece of paper and pen just so you have a visual goal to work towards. Next we want to conceptualize a layout on the form to see if it meets your needs.

如您所知，我不是艺术家，但就本文而言，我们假设它是有史以来最出色的设计。 您只需要草稿纸和笔就可以完成此步骤，因此您有一个视觉目标可以实现。 接下来，我们要概念化表单上的布局，以查看其是否满足您的需求。

image002.jpg image002.jpg

Once again, despite the artistry it appears to be in line with my concept.

再说一次，尽管具有技巧性，但它似乎与我的概念一致。

The next step is where we turn idea into reality. From here going forward we will need to use an image creation program. I will use the basic MS PAINT program to create the form mask that we need. In your program of choice re-create the form that you want to see. It is best to put it in the middle of a slightly larger image. Remember to outline where your form items will be located.

下一步是我们将想法变为现实。 从这里开始，我们将需要使用图像创建程序。 我将使用基本的MS PAINT程序来创建所需的表单掩码。 在您选择的程序中，重新创建要查看的表单。 最好将其放在稍大的图像中间。 记住要概述表单项的位置。

image003.jpg image003.jpg

Next we want to fill the surrounding area with a solid color. This color should usually be something obnoxious as it will be easier to locate later down the line. In this example I choose lime green. The white area where your objects will be placed should also be colored to your liking at this point.

接下来，我们要用纯色填充周围区域。 这种颜色通常应该是令人讨厌的，因为以后可以很容易地找到它。 在此示例中，我选择石灰绿色。 此时，您放置对象的白色区域也应按您喜欢的颜色进行着色。

image004.jpg image004.jpg

This final mask image will show our form in the middle area and the surrounding green area as the mask. Save the image to your desktop or an equally accessible location.

最终的蒙版图像将在中间区域和周围的绿色区域显示我们的表单作为蒙版。 将图像保存到桌面或同样可访问的位置。

Now we will move to the Visual Studio / C# portion of this process. Create a new Windows Application in Visual Studio and add a PictureBox to the form. Next you will want to select the image mask you just created.

现在，我们将转到此过程的Visual Studio / C＃部分。 在Visual Studio中创建一个新的Windows应用程序，并将一个PictureBox添加到窗体。 接下来，您将要选择刚刚创建的图像蒙版。

Expand the image and form until it fits correctly. At the end your form should look similar to this example:

展开图像和表格，直到正确适合为止。 最后，您的表单应类似于以下示例：

image005.jpg image005.jpg

In the properties box we will be setting the FormBorderStyle property to “None” to eliminate the top blue title bar. This is where our first bit of code comes into play. Because of a lack of the title bar we need to move the form directly. To achieve this effect you will need to add the following:

在属性框中，我们将FormBorderStyle属性设置为“ None”以消除顶部的蓝色标题栏。 这是我们第一部分代码开始发挥作用的地方。 由于缺少标题栏，我们需要直接移动表单。 为了达到这种效果，您将需要添加以下内容：

[At the top]

[在顶部]

using System.Runtime.InteropServices;

[Above public Form1()]

[在公共Form1（）之上]

public static extern bool ReleaseCapture();
public const int WM_NCLBUTTONDOWN = 0xA1;
public const int HT_CAPTION = 0x2;[DllImportAttribute("user32.dll")]
public static extern int SendMessage(IntPtr hWnd,int Msg, int wParam, int lParam);
[DllImportAttribute("user32.dll")][In pictureBox1_MouseDown event]private void Form1_MouseDown(object sender,System.Windows.Forms.MouseEventArgs e)
{if (e.Button == MouseButtons.Left){ReleaseCapture();SendMessage(Handle, WM_NCLBUTTONDOWN, HT_CAPTION, 0);}

Source: http://www.codeproject.com/KB/cs/csharpmovewindow.aspx

资料来源： http : //www.codeproject.com/KB/cs/csharpmovewindow.aspx

You should now be able to move your form without a title bar.

现在，您应该可以在没有标题栏的情况下移动表单。

The final step is setting the transparency key. Please note that you need to select Form1 for this and not the picturebox. From the properties box scroll down to TransparencyKey and set it to the same obnoxious color at your pictures background.

最后一步是设置透明度键。 请注意，您需要为此选择Form1，而不是图片框。 从属性框中向下滚动到TransparencyKey，然后将其设置为图片背景上相同的令人讨厌的颜色。

Add and code your objects, run the program and there you have it, a sweet looking form ready to impress your end users.

添加对象并编写代码，运行程序，然后就可以使用它了，它看起来很漂亮，可以打动最终用户。

image006.jpg image006.jpg

If you are unhappy with the layout just re-draw another form and try again. The possibilities are endless.

如果您对布局不满意，请重新绘制另一张表格，然后重试。 可能性是无止境。

翻译自: https://www.experts-exchange.com/articles/4382/Add-Flare-with-Paint-and-Transparency-Keys-to-your-C-projects.html

水平耀斑