【Visual Studio 2019】C# UI 用法

Bertha 。 2021-09-21 01:04 447阅读 0赞

# 打开控件栏 #

打开Form1.cs文件，就和当年熟悉的MFC一样，可以拖拽控件进去。工具箱栏，里面就有各种控件。

![20200215141115417.png][]

# 修改背景为图片 #

方法：在属性框里改一下即可，如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70][]

修改后效果类似以下：（背景改成了蓝天和郁金香）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 1][]

# 修改为可拉伸 #

点选外框，参数 FormBorderStyl 改为 Sizable。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 2][]

点选Textbox, 然后 Properties->Layout->Anchor 里参数改成 Top, buttom,Left, Right, 就会跟随外边框变大变小啦，如下图所示：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 3][]

# Button #

# ![20200215141610861.png][] #

这个和当年的MFC用法一模一样，双击就会生成中断处理函数，不过，比起MFC，实在是太方便了，方便的地方为: MFC删除已存在的代码及其相关按键非常的麻烦，但这个不一样，很方便，删除控件图标，相关代码会删除，或者，直接删除代码，控件也会删掉，比起MFC，实在是方便太多了。

效果如下：

![20200215142641797.png][]

修改按钮背景为图片的方法：直接修改属性项即可，如下 ：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 4][]

修改后的效果为：

![20200216051805844.png][]

# Label #

![20200215141824842.png][]

其实这个的用法用button一模一样，甚至双击就会生成中断处理函数，可以实现和button一样的功能。

效果如下：

![20200215142133306.png][]

和button一样，也可修改按钮背景为图片，方法同button.

# TextBox #

![20200215142036415.png][]

1.**读功能**：双击产生中断函数，当内容发生变化时，会中断，并能读到里面的内容。

代码实现如下：

private void textBox1_TextChanged_1(object sender, EventArgs e)
            {
                System.Diagnostics.Debug.WriteLine(sender.ToString());
            }

2.**写功能**：

代码实现如下：

private void textBox1_TextChanged_1(object sender, EventArgs e)
            {
                this.textBox1.Text = "iiiiiii";
            }

效果如下：

![20200215142155899.png][]

[20200215141115417.png]: /images/20210920/00193a955b064709ba212a59cb73952a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70]: /images/20210920/bd3989ea340f46fa910a69ad11b72061.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 1]: /images/20210920/abff662ae11640588a227d8a0fb93fa2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 2]: /images/20210920/6ca5520098c04b42898e911a6635f156.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 3]: /images/20210920/9dd4f70f63f542d3aaacc7f65a12f012.png
[20200215141610861.png]: /images/20210920/a431068174574ac8bafe6c423b462d6c.png
[20200215142641797.png]: /images/20210920/4aacd63c5b7b488da9dcdfea90ac2fbf.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3podW9odWkzMDczMTc2ODQ_size_16_color_FFFFFF_t_70 4]: /images/20210920/cd32fe27dcc94ace97a37836ab6a0c98.png
[20200216051805844.png]: /images/20210920/eb280e04eaaf4e7492cf71acd43a4f9e.png
[20200215141824842.png]: /images/20210920/5370222d853c4c78bd22f5115ea9a17e.png
[20200215142133306.png]: /images/20210920/dff4daf0e8c0481da1c277e8e99d28aa.png
[20200215142036415.png]: /images/20210920/6b3067f7c2bd4a59a7a4df04043b6c00.png
[20200215142155899.png]: /images/20210920/2c90c2fad0bc41719300fee47d5d1b1e.png