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

Dear 丶 2022-12-10 07:12 380阅读 0赞
  • P1 WPF入门基础视频(前言)
  • P2 WPF基础入门视频(布局)

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 2.10 只能设置一个元素,如 grid ,为什么常用grid,参考末尾的那篇文章有提,即 grid 可以取得 大部分的容器控件 一样的功能。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 1

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

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

20200924153927408.png 下面这样子弄,会自动缩放到你文字的大小 20200924155307714.png

20200924155237177.png

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

20200924154304133.png

20200924154410226.png

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

20200924154524939.png 比如 grid 里面 继续创建一个 grid 容器。或者其他的容器 。

最后watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 2

设置控件的 长宽。如下。

20200924155902974.png

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 3

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 4

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 5

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 6 左图 这样子就是创建了 两行两列 可以设置20200924160357501.png

看看效果。

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

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 7 也可以设置各行 各列的 长宽,height=“2*”,表示上面是下面的两倍。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 8

2020092416064716.png 去掉红框,就是默认的垂直排列,加上就是水平排列。

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 9

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

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 10

watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3R4cHA1MjA_size_16_color_FFFFFF_t_70 11

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

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

发表评论

表情:
评论列表 (有 0 条评论,380人围观)

还没有评论,来说两句吧...

相关阅读