1. Visual Studio设计界面

• 设计界面，将控件水平或垂直居中

- 选中控件
- 菜单，格式，窗体内居中，水平对齐

• 调整控件z序

- 选中控件
- 右键，“置于顶层”、“置于底层”

2. 图标查找

icons8客户端

• 支持png、ico、xaml等图标搜索
• 支持修改图标大小、颜色
• 无需登录，可以像拖动文件一样拖动图标

3. 布局

• 整体界面采用Panel+Dock进行分块布局

// 标题栏
panel1.Dock=Top
// 左侧工具栏栏
panel2.Dock=Left
// 主内容区
panel3.Dock=Fill

• 控件保持水平、垂直居中

panel1.Anchor=None

4. 配色

• 前景色：白色
• 背景色可选：Crimson 深红、SeaGreen 海绿色、RoyalBlue 宝蓝色

5. 自定义窗体

// 无边框
FormBorderStyle=None
// 缩放模式
AutoScaleMode=None
// 字体、前景色、背景色
Font、ForeColor、BackColor

6. 自定义边框

// 4个panel，Dock属性分别为左、上、右、下
// panel背景色为边框色
panel1.Dock=Left
panel1.Widht=5
panel2...
panel3...
panel4...

7. 图片+文字按钮

// 扁平样式
button1.FlatStyle=Flat
// 去除边框
button1.FlatAppearance.BorderSize=0
// 文字颜色
button1.ForeColor=White
// 背景色
button1.BackColor=RoyalBlue
// 图片
button1.Image=xxx.png
// 图片放在文字前面
button1.TextImageRelation=ImageBeforeText

8. 图片按钮

“图片+文字按钮”的基础上去除文字内容

9. 圆点样式密码框

textBox1.UseSystemPasswordChar=true

1、 问题描述

    Winform中布局时Dock是最常用的设置，尤其是对于需要拉伸的区域要设为Fill，有时会遇到同级控件设为相同的Dock属性值时，布局先后的问题。

    比如，左边LeftPanel是用于主数据成图显示的区域，要支持拉伸，设为了Fill，右边是可选拉伸的视图区域RightPanel，设为了Right，现在要用Spliter用于分割和调整两个Panel的区域，按理应当位于二者之间，而且应当设置其Dock为Right，以保证主视图的正常缩放，而Splliter和RightPanel都设为Right停靠时，谁在前，谁在后呢？

2、理论说明

     显然，我们希望右停靠的时候，先让RightPanel停靠在最右边，然后再让Spliter向右停靠在RightPanel的左侧，于是，这里就涉及到一个控件的层级关系问题：

    越底层的控件会优先布局，上层的控件需要在底层控件布局的基础上再进行布局！

3、解决方案

    因此，要达到题目要求的效果，就要将RightPanel置于Spliter的底层，具体的层级关系可以通过"视图》其他窗口》文档大纲"进行查看，越底层的越先布局，所以，布局顺序需要从下往上看。

    我们能够看到，panel2在splitter1的更底层，所以panel2先于splitter1布局停靠在最右侧，而panel3在splitter2的更底层，所以panel3先于splitter2布局停靠在最下侧，利用这种层级关系，我们可以调整完成各种常见的布局效果，尤其是在面对控件缩放问题时。

windows窗体应用程序的控件都派生自Control类，并继承了许多通用成员，下面介绍Control类的一些基本特征，了解这些能够大致知道控件是如何实现在窗体中布局的。

调整控件的Z顺序
当窗口或容器控件中的控件在布局过程中发生重叠的时候，会出现层次性。Z顺序较大的控件会遮挡Z顺序较小的控件，即放在顶层的控件会挡住放在底层的控件。
1.设计人员可以在设计阶段通过窗体设计器来调整控件的Z顺序，右击—【置于顶层】/【置于底层】。
2.可以在运行阶段动态改变控件的Z顺序。操作方式是左击时增加控件的Z顺序，右击时减少控件的Z顺序。同时，为了让读者可以清晰的观察到控件的布局变化，可以分别处理他们的Point事件（Control.Point控件重绘）。
可以试试下面这段代码，分别增加label1，label2，label3.体会它的变化

        public Form1()
        {
            InitializeComponent();
            label1.Paint += label1_Paint;
            label2.Paint += label2_Paint;
            label3.Paint += label3_Paint;
            label1.MouseClick += OnLabelMouseClick;
            label2.MouseClick += OnLabelMouseClick;
            label3.MouseClick += OnLabelMouseClick;
        }
        private void OnLabelMouseClick(object sender, MouseEventArgs e)//此为共享事件处理程序
        {
            Control c = sender as Control;
            if(e.Button==System.Windows.Forms.MouseButtons.Left)
            {
                c.BringToFront();//增加Z顺序
            }
            if (e.Button == System.Windows.Forms.MouseButtons.Right)
            {
                c.SendToBack();//减少Z顺序
            }
        }

        private void label3_Paint(object sender, PaintEventArgs e)
        {
            Label lb = sender as Label;//是事件源，表示触发事件的那个组件
            Pen pen = new Pen(Color.Blue, 15f);//用于绘制边框的笔
            e.Graphics.DrawRectangle(pen, new Rectangle(0, 0, lb.Width, lb.Height));
            pen.Dispose();//释放Pen对象
        }

        private void label2_Paint(object sender, PaintEventArgs e)
        {
            Label lb = sender as Label;//是事件源，表示触发事件的那个组件
            Pen pen = new Pen(Color.Red, 15f);//用于绘制边框的笔
            e.Graphics.DrawRectangle(pen, new Rectangle(0, 0, lb.Width, lb.Height));
            pen.Dispose();//释放Pen对象
        }

        private void label1_Paint(object sender, PaintEventArgs e)
        {
            Label lb = sender as Label;//是事件源，表示触发事件的那个组件
            Pen pen = new Pen(Color.Yellow, 15f);//用于绘制边框的笔
            e.Graphics.DrawRectangle(pen, new Rectangle(0, 0, lb.Width, lb.Height));
            pen.Dispose();//释放Pen对象
        }

控件的Anchor属性、Dock属性--影响布局

在设计窗体时，这两个属性特别有用，如果用户认为改变窗口的大小并不容易，应确保窗口看起来显示的不是那么乱，并编写很多代码来实现这个效果，许多程序解决这个问题都是禁止给窗口重新设置大小
这显然是解决问题的最简单的方法，但不是最好的方法，因此引入了Anchor和Dock属性。

1、Anchor属性用于指定在用户重新设置窗口的大小时控件应该如何响应，可以指定如果控件重新设置了大小，就根据控件的边界去锁定它，或者其大小不变，但根据窗口的边界来锚定它的位置

        正如名称暗示的那样，这个属性迫使控件将其自身定位在父窗体或父控件中某个相对或绝对位置，这个属性有四个可以开启或关闭的值
            * Top--表示控件中与父窗体（父控件）相关的顶部应该保持固定
            * Bottom--表示控件中与父窗体（父控件）相关的底部应该保持固定
            * Left--表示控件中与父窗体（父控件）相关的左边缘应该保持固定
            * Right--表示控件中与父窗体（父控件）相关的右边缘应该保持固定
        正如演示的那样，每个控件在父窗体上都自动的保持它的位置，需要注意的是：
            ①如果没有指定一个控件有左右锚定，它将在父窗体中保留一个相对左右的位置，其它也是一样
            ②如果选择了所有Anchor值的控件，控件只是在调整父窗体大小时，随着增大和缩小--与窗体的边缘比较起来它的所有边缘保持静止不变。
        

2、Dock属性用于指定控件应该停放在窗口的边框上，用户重新设置了窗口的大小，这个控件将继续停放在窗口的边框上，例如，如果指定控件停留在窗口的底部边界上，则无论窗口的大小怎么改变，这个控件都将改变大小，或移动其位置，确保总是位于屏幕的底部。

        Dock属性迫使控件紧贴父窗体的某个边缘。虽然Anchor属性也可以实现这一点，但是Dock属性使得能够在父窗体中让子窗体可以再上方（或旁边）互相堆叠，如果某个子窗体改变了大小，其它停驻在它旁边的子窗体也会随之改变。和Anchor属性不同的是，可以将Dock属性设置为一个单值：
            *Top--迫使控件位于父窗体（或控件）的顶部，如果有同一个父窗体的其它子控件也被设置为停驻在顶部的话，那么控件将在彼此上方互相堆叠
            * Bottom--迫使控件位于父窗体（或控件）的底部，如果有同一个父窗体的其它子控件也被设置为停驻在底部的话，那么控件将在彼此上方互相堆叠
            * Left--迫使控件位于父窗体（或控件）的左边，如果有同一个父窗体的其它子控件也被设置为停驻在左边的话，那么控件将在彼此旁边互相堆叠
            * Right--迫使控件位于父窗体（或控件）的右边，如果有同一个父窗体的其它子控件也被设置为停驻在右边的话，那么控件将在彼此旁边互相堆叠
            * Fill--迫使控件位于父窗体（或控件）的上方，如果有同一个父窗体的其它子控件也被设置为停驻在上方的话，那么控件将在彼此上方互相堆叠
            * None--表示控件将会正常运转
        需要注意的是：对于Dock属性，添加控件的顺序会影响它们停驻的方式。

窗体控件 布局 属性

布局

AutoScaleMode：当屏幕分辨率或字体发生改变时，窗体和控件是如何发生变化的。
- None ： 禁用自动缩放。(默认时)
- Font ：根据类使用的字体（通常为系统字体）的维度控制缩放。如果希望控件或窗体根据操作系统中字体的大小进行拉伸或缩小，则按 Font 缩放十分有用，如果控件或窗体的绝对大小无关紧要，则应使用这种方式进行缩放。比如：一个按钮的文字，改变了系统的字体大小，按钮也随着变大到能完整显示文字。例子：新建一个winform，字体为 ‘宋体 9pt’，上面还有一个button，用来参考，然后，先改变winform的字体大小，就改为‘宋体 16pt’吧。这时候，连按钮都变大了。
- Dpi ： 根据显示分辨率控制缩放。常用分辨率为 96 和 120 DPI。如果要相对于屏幕确定控件或窗体的大小，则按 Dpi 缩放十分有用。例如，对于显示图表或其他图形的控件，可能希望使用每英寸点数 (DPI) 缩放，以便该控件始终占据一定百分比的屏幕
- Inherit ： 根据类的父类的缩放模式控制缩放。如果不存在父类，则禁用自动缩放。
AutoScroll：只是当控件内容大于它的可见区域时是否自动显示滚动条。
- TRUE—是
- FALSE—否
AutoSize：指定控件是否自动调整自身的大小以适应其内容的大小。
- TRUE—是
- FALSE—否
AutoSizeMode：指定用户界面元素自动调整自身大小的模式。
- GrowOnly—生成的窗体可以用鼠标调节大小
- GrowAndShrik—生成的窗体不可以用鼠标调节大小
Anchor：定义某个控件绑定到的容器的边缘，当控件锚定到某个边缘时，与指定边缘最接近的控件边缘与指定边缘之间的距离将保持不变。
-Top——表示控件中与父窗体（或父控件）相关的顶部应该保持固定(Anchor相当于是将控件钉在了父控件上，不管父控件怎么放大缩小，它与父控件边缘距离都将保持绝度距离不变)
- Bottom——表示控件中与父窗体（或父控件）相关的底边应该保持固定
- Left——表示控件中与父窗体（或父控件）相关的左边缘应该保持固定
- Right——表示控件中与父窗体（或父控件）相关的右边缘应该保持固定
- None——漂浮
Dock：用于指定控件应停放在窗口的边框上,用户重新设置了窗口的大小,这个控件将继续停放在窗口的边框上,例如,如果指定控件停放在窗口的底部边界上,则无论窗口的大小改变,这个控件都将改变大小,或移动其位置,确保总是位于屏幕的底部。虽然Anchor属性也可以实现这一点，但是dock属性使得你能够在父窗体中让子窗体可以在上方（或旁边）互相“堆叠”。
- Top——迫使控件位于父窗体（或控件）的顶部。如果有同一个父窗体的其它子控件也被设置为停驻在顶部的话，那么控件将在彼此上方相互堆叠。
- Bottom——迫使控件位于父窗体（或控件）的底部。如果有同一个父窗体的其它子控件也被设置为停驻在底部的话，那么控件将在彼此上方相互堆叠。
- Left——迫使控件位于父窗体（或控件）的左边。如果有同一个父窗体的其它子控件也被设置为停驻在左边的话，那么控件将在彼此旁边相互堆叠。
- Right——迫使控件位于父窗体（或控件）的右边。如果有同一个父窗体的其它子控件也被设置为停驻在右边的话，那么控件将在彼此旁边相互堆叠。
- Fill——迫使控件位于父窗体（或控件）的上方。如果有同一个父窗体的其它子控件也被设置为停驻在上方的话，那么控件将在彼此上方相互堆叠。
- None——表示控件将会正常运转。

窗口样式

MaximizeBox：确定窗体标题栏的右上角是否有最大化框。
- TRUE—是
- FALSE—否