博客
关于我
布局器
阅读量:584 次
发布时间:2019-03-11

本文共 2248 字,大约阅读时间需要 7 分钟。

布 局 器 布局器

1.布局器

布局器LayoutEngine:负责子控件的布局

默认地,一个Form或Panel 都自带了一个布局器

在窗口改变大小时,由窗口的布局器来负责调整布局


SimpleLayoutPanel :自定义一个Panel,并自己实现一个LayoutEngine

using System;using System.Collections.Generic;using System.Drawing;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Windows.Forms;using System.Windows.Forms.Layout;namespace FormApp0601{       // 自定义面板    class SimpleLayoutPanel : Panel    {           // 布局器        private LayoutEngine layoutEngine = new SimpleLayoutEngine();                public override LayoutEngine LayoutEngine        {               get            {                                   return layoutEngine;            }        }    }    // 自定义布局器    class SimpleLayoutEngine :  LayoutEngine    {           public override bool Layout(            object container,            LayoutEventArgs layoutEventArgs)        {               // 容器            SimpleLayoutPanel parent = (SimpleLayoutPanel)container;            int w = parent.Width;            int h = parent.Height;            // 去除Padding            int x = parent.Padding.Left;            int y = parent.Padding.Top;            w -= (parent.Padding.Left + parent.Padding.Right);            h -= (parent.Padding.Top + parent.Padding.Bottom);            int gap = 2;            foreach (Control c in parent.Controls)            {                   c.Location = new Point(x, y);                c.Size = new Size(w, c.PreferredSize.Height);                y += c.Size.Height;                y += gap;            }                       return false;        }    }}

自定义布局器的使用步骤:

1工具I选项,Windows窗体设计器I常规自动填充工具箱:设为True2添加自定义Panel或Control的类 3生成解决方案F74重新打开Form1.cs,在工具箱界面可以看到自己的控件

在这里插入图片描述

在这里插入图片描述


2.FlowLayoutPanel

FlowLayoutPanel,流式布局

子控件依次排列,一行排满之后换行继续排

在这里插入图片描述

在这里插入图片描述


1布局的嵌套

Panel本身也是控件,也有Anchor/Dock属性

2属性的设置

试着设一下Padding等属性

3控件的选择

右键,选择控件或该控件所在的面板
在这里插入图片描述

在这里插入图片描述


3.TableLayoutPanel

TableLayoutPanel,表格布局

以表格的形式进行布局

在这里插入图片描述

演示:使用TableLayoutPanel来布局界面

1 添加TableLayoutPanel,停靠在上方2 添加Button , TextBox到表格,设置列的宽度3 设置TextBox的Dock,填满单元格4 添加PictureBox,停靠在中央

表格中的控件也可以设置Dock属性

如何利用Dock属性,其规则是由布局器决定的

4.MjDockLayout

比如,默认的Dock停靠布局并不好用

演示对比:
第一种情况:先Left后 Fill
第二种情况:先Fill后Left
最终的布局效果依赖于控件添加的顺序,非常不方便


1 添加Mj.Winform.DockLayout.cs到项目2 重新生成项目3 在工具箱里找到MjDockLayout,添加到布局4 在面板中添加子控件,设置Dock5 设置MjDockLayout.DockFlags属性

转载地址:http://vzdtz.baihongyu.com/

你可能感兴趣的文章
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
Nginx代理静态资源(gis瓦片图片)实现非固定ip的url适配网络环境映射ip下的资源请求解决方案
查看>>
nginx优化日志拒绝特定404请求写入
查看>>
Nginx优化解析
查看>>
Nginx使用proxy_cache指令设置反向代理缓存静态资源
查看>>
Nginx做反向代理时访问端口被自动去除
查看>>
Nginx入门教程-简介、安装、反向代理、负载均衡、动静分离使用实例
查看>>
Nginx入门简介和反向代理、负载均衡、动静分离理解
查看>>
nginx入门篇----nginx服务器基础配置
查看>>
nginx反向代理
查看>>
Nginx反向代理
查看>>
nginx反向代理、文件批量改名及统计ip访问量等精髓总结
查看>>
Nginx反向代理与正向代理配置
查看>>
Nginx反向代理及负载均衡实现过程部署
查看>>
Nginx反向代理和负载均衡部署指南
查看>>
Nginx反向代理是什么意思?如何配置Nginx反向代理?
查看>>
nginx反向代理解决跨域问题,使本地调试更方便
查看>>
nginx反向代理转发、正则、重写、负摘均衡配置案例
查看>>
Nginx反向代理配置
查看>>
Nginx启动SSL功能,并进行功能优化,你看这个就足够了
查看>>