垂直容器控件确定子组件的位置,以便永远不必为容器内的组件设置 X、Y。
Description
垂直容器 控件根据设置将可用空间分配给其子组件,并确定子组件的对齐方式。
属性
BorderColor – 控件边框的颜色。
BorderStyle – 控件的边框是 Solid、 Dashed、 Dotted 还是 None。
BorderThickness – 控件边框的粗细。
颜色 - 容器控件的颜色。
投影 - 在控件周围添加阴影效果。
填充 – 控件的背景色。
高度 – 控件的上边缘和下边缘之间的距离。
方向 - 定义容器布局其子组件的方向。 水平 和 垂直。
对齐 (垂直) - 定义子元素与主轴的对齐方式。 Start、 End、 Center、 Space Between。
对齐 (水平) - 定义子组件在容器中的位置(与轴相反 LayoutDirection) 的方式。
Start、 Center、 End、 Stretch。
间隙 - 定义容器子组件之间的空间(以像素为单位)。
水平溢出 - 定义容器在太大而无法容纳时是否显示滚动条或删除内容。 滚动 和 隐藏。
RadiusBottomLeft – 控件左下角舍入的程度。
RadiusBottomRight – 控件右下角舍入的程度。
RadiusTopLeft – 控件左上角舍入的程度。
RadiusTopRight – 控件右上角舍入的程度。
垂直溢出 - 定义容器在太大而无法容纳时是否显示滚动条或删除内容。 滚动 和 隐藏。
Wrap - 定义内容在无法容纳时是否换行到新行或列。
在容器中对齐 - 定义单个组件如何与父组件对齐。 默认值 (按容器设置)继承父级属性中的 LayoutAlignItems 值,而其他属性可用于自定义单个子组件的对齐方式。
按容器、 Start、 End、 Center 和 Stretch 设置。
填充部分 - 定义单个组件在向父级分配更多屏幕房地产时如何增长。 该数字表示为组件提供的额外空间部分,除了其父级子级声明的所有可用额外空间外。 例如,如果子 A Fill portions 设置为 1 且子 B 已 Fill portions 设置为 2,则子 A 获取 1/3 的额外空间,而子 B 获取额外可用空间的 2/3。
最小宽度 - 表示组件方向 Fill portions (即父级 Direction)的最小大小。
PaddingBottom – 控件中的文本与该控件的下边缘之间的距离。
PaddingLeft – 控件中的文本与该控件的左边缘之间的距离。
PaddingRight – 控件中的文本与该控件右边缘之间的距离。
PaddingTop – 控件中的文本与该控件的上边缘之间的距离。
可见 – 控件是显示还是隐藏。
宽度 – 控件的左边缘和右边缘之间的距离。
X – 控件左边缘与其父容器(如果没有父容器,则为屏幕)左边缘之间的距离。
Y – 控件上边缘与其父容器(如果没有父容器,则为屏幕)上边缘之间的距离。
Example
使用平板电脑布局创建空白画布应用。
选择设置>显示,禁用调整为合适大小、锁定纵横比和锁定方向并选择应用。
现在,从左侧边栏中的 “插入 ”窗格的“ 布局 ”选项卡下,选择 “垂直容器”。
设置以下属性以占用屏幕的完整可用空间:
- X = 0
- Y= 0
- Width = Parent.Width
- Height = Parent。 高度
添加几个按钮、文本输入、媒体、图标和选择 F5 以查看应用如何适应屏幕更改。