1、textbox设置文本垂直和水平居中
- xml代码
<TextBox Text="TextBox" VerticalContentAlignment="Center" HorizontalContentAlignment="Center"/>
- 在属性框里面找,这是在“布局”一栏里,但是被默认折叠了,点一下 乡下的三角就好。
2、grid布局
这块主要的参考这个连接
- ColumnDefinitions和RowDefinitions可以在任何grid空间内定义,然后他的作用域就是父级的grid,我们可以通过这个特性在不同层级的grid内再次划分区域,式布局更加灵活简单。
- 介绍一下 ColumnDefinition 和RowDefinition 的属性
- *则表示按比例来分配宽度.
<ColumnDefinition Width="3*" />
<ColumnDefinition Width="7*" />
这些数字可以是小数.
如果数字缺省,则默认是1.
在这个例子中, 列1的宽度是列2的1.5倍.
<ColumnDefinition Width="1.5*" />
<ColumnDefinition />
如果只写 * 的话,代表占用剩余的所有空间。
<RowDefinition Height="300"/>
<RowDefinition Height="*"/>
- Auto 表示自动适应显示内容的宽度, 如自动适应文本的宽度,文本有多长,控件就显示多长.
Auto和*可以混合使用. 在这个例子中,后两行的宽度在前两行分配完之后,按比例获取剩余的宽度.
<ColumnDefinition Width="Auto" /> <!-- Auto-fit to content, 'Hi' -->
<ColumnDefinition Width="50.5" /> <!-- Fixed width: 50.5 device units) -->
<ColumnDefinition Width="69*" /> <!-- Take 69% of remainder -->
<ColumnDefinition Width="31*"/> <!-- Take 31% of remainder -->