哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局)  2.10  只能设置一个元素,如 grid ,为什么常用grid,参考末尾的那篇文章有提,即 grid 可以取得 大部分的容器控件 一样的功能。

哔哩哔哩---P2 WPF基础入门视频(布局)

2 不应该使用坐标设置元素的位置。如下,不要用 Margin 去固定 位置,因为,在不同的分辨率屏幕里,控件的位置,不会是绝对的,一般的实际开发当中,不会这样子去设置一个 Margin 位置。

Margin="12 111 222 111"  Margin 是设置控件到每条边的一个像素距离,从左边 顺时针 旋转

哔哩哔哩---P2 WPF基础入门视频(布局) 下面这样子弄,会自动缩放到你文字的大小 哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局)

3 设置 width 后,如果 content 设置的内容超过了 控件的长度的时候,就显示不全了。

哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局)  

4 元素过多的时候,可以放到一个嵌套的容器里。

哔哩哔哩---P2 WPF基础入门视频(布局) 比如 grid 里面 继续创建一个 grid 容器。或者其他的容器 。

最后哔哩哔哩---P2 WPF基础入门视频(布局) 

设置控件的 长宽。如下。

哔哩哔哩---P2 WPF基础入门视频(布局) 

 

哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局) 左图 这样子就是创建了 两行两列  可以设置哔哩哔哩---P2 WPF基础入门视频(布局) 

看看效果。

怎么在 分成的格子里添加 控件,参考:这里。

哔哩哔哩---P2 WPF基础入门视频(布局) 也可以设置各行 各列的 长宽,height=“2*”,表示上面是下面的两倍。

 

哔哩哔哩---P2 WPF基础入门视频(布局)

 

哔哩哔哩---P2 WPF基础入门视频(布局)  去掉红框,就是默认的垂直排列,加上就是水平排列。

哔哩哔哩---P2 WPF基础入门视频(布局) 

和上面 stackpannel 区别是,在有限的空间内,实现自动换行。

哔哩哔哩---P2 WPF基础入门视频(布局)

哔哩哔哩---P2 WPF基础入门视频(布局)

 

看完布局的控件之后,意犹未尽的话,可以再参考这篇:

https://www.cnblogs.com/fly-bird/p/8531650.html