个人可以建设农资网站吗,饮食类网站,产品品牌策划方案,网站模板后台前言#xff1a;博主文章仅用于学习、研究和交流目的#xff0c;不足和错误之处在所难免#xff0c;希望大家能够批评指出#xff0c;博主核实后马上更改。
概述#xff1a;
后续排序按照从上至下或从右至左的顺序进行#xff0c;具体取决于方向属性的值。WrapPanel 位…前言博主文章仅用于学习、研究和交流目的不足和错误之处在所难免希望大家能够批评指出博主核实后马上更改。
概述
后续排序按照从上至下或从右至左的顺序进行具体取决于方向属性的值。WrapPanel 位置子控件基于方向、水平方向 (默认) 从左到右的位置控件和从上到下垂直方向位置控件一旦达到最大宽度或高度控件会自动基于方向创建行或列。可以使用 HorizontalSpacing 和 VerticalSpacing 属性在项之间自动添加间距。 当“方向”为“水平”时HorizontalSpacing 在每个单独的项之间添加统一的水平间距而 VerticalSpacing 在每一行项之间添加统一的间距。当“方向”为“垂直”时HorizontalSpacing 会在每列项之间添加统一的间距而 VerticalSpacing 在各个项之间添加统一的垂直间距。
名称说明Grid网格根据行和列来设置控件的布局StackPanel栈式面板包含的元素在竖直或水平方向排成一条直线WrapPanel自动折行面板包含的元素在排满一行后自动换行DockPanel泊靠式面板内部的元素可以选择泊靠方向UniformGrid网格,UniformGrid就是Grid的简化版每个单元格的大小相同。Canvas画布内部元素根据像素为单位绝对坐标进行定位Border装饰的控件此控件用于绘制边框及背景在Border中只能有一个子控件
一、WrapPanel
常用属性数据类型可选值说明OrientationOrientationHorizontal水平排列\Vertical(垂直排列)决定内部元素是水平还是垂直排列默认值VerticalBackgroundBrush背景色(Red/Yellow等等)HorizontalAlignmentHorizontalAlignmentCenter中心/Left靠左/Right靠右/Stretch拉伸以填充父元素决定内部元素在水平方向的对齐方式VerticalAlignmentVerticalAlignmentTop上方/Center中心/Bottom下方/Stretch拉伸以填充父元素决定内部元素在垂直方向的对齐方式
Orientation“Vertical” WrapPanel OrientationVertical BackgroundRedButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/Button/WrapPanelOrientation“Horizontal” WrapPanel OrientationHorizontal BackgroundRedButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/Button/WrapPanelVerticalAlignment“Bottom” WrapPanel OrientationHorizontal BackgroundRed VerticalAlignmentBottomButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/Button/WrapPanelHorizontalAlignment“Center” WrapPanel OrientationHorizontal BackgroundRed HorizontalAlignmentCenterButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/ButtonButton Width200 Height100zhangsan/Button/WrapPanel总结
在实际工作中我们可以使用Orientation、HorizontalAlignment、VerticalAlignment 这三个属性组合各种排列和对齐方式。
