https://blog.csdn.net/fffanpei/article/details/8575831
尺寸
1 高度宽度
MinHeight MaxHeight MinWidth MaxWidth指定一个可以接受的范围
2 Margin Padding
Margin控制元素边界以外多少空间 Padding控制元素边界内多少空间
<Label Padding="0" Background="OrangeRed">0</Label>
<Label Padding="10" Background="OrangeRed">10</Label>
<Label Padding="20,5" Background="OrangeRed">20,5</Label>
<Label Padding="0,10,20,30" Background="OrangeRed">0,10,20,30</Label>
等同于code
myLabel.Margin = new Thickness(10);
myLabel.Margin = new Thickness(0,10,20,30);
3. Visibility
包括三种
Visble 可见的
Collspsed 折叠的
Hidden 隐藏的
折叠元素尺寸为0 ;隐藏还是原来的尺寸
例如
<StackPanel Background="Aqua">
<Button Visibility="Collapsed">Collapsed button</Button>
<Button Visibility="Hidden">Hidden button</Button>
<Button Visibility="Visible">Visible button</Button>
</StackPanel>
效果
可以看出折叠的没占位置 隐藏的占了一个按钮的位置
控制定位
1 对齐方式
HorizontalAlignment: Left, Center, Right, Stretch
VerticalAlignment:Top, Center, Bottom, Stretch
例子
<StackPanel>
<Button HorizontalAlignment="Left" Background="Red">Left</Button>
<Button HorizontalAlignment="Center" Background="Red">Center</Button>
<Button HorizontalAlignment="Right" Background="Red">Right</Button>
<Button HorizontalAlignment="Stretch" Background="Red">Stretch</Button>
</StackPanel>
效果如下
2 内容对齐
HorizontalContentAlignment, VerticalContentAlignment 决定控件内容如何填满控件内部空间。
<StackPanel>
<Button HorizontalContentAlignment="Left" Background="Red">Left</Button>
<Button HorizontalContentAlignment="Center" Background="Red">Center</Button>
<Button HorizontalContentAlignment="Right" Background="Red">Right</Button>
<Button HorizontalContentAlignment="Stretch" Background="Red">Stretch</Button>
</StackPanel>
3 FlowDirection
控制元素内部流的方向;包括LeftToRight; RightToLeft
<Button FlowDirection="LeftToRight" HorizontalContentAlignment="Left" Height="40" Background="Red">LeftToRight</Button>
<Button FlowDirection="RightToLeft" HorizontalContentAlignment="Left" Height="40" Background="Red">RightToLeft</Button>
注意他不会影响字母的顺序
变换
1 RenderTransformOrigin
默认(0,0)
(0,0)左上 (0,1)左下 (1,0)右上 (1,1) 右下 (0.5,0.5)表示中心
例子
<Button RenderTransformOrigin="0,0" Background="AliceBlue">
<Button.RenderTransform>
<RotateTransform Angle="45" />
</Button.RenderTransform>
Rotated 45
</Button>
转换字体角度
<Button Background="AliceBlue">
<TextBlock RenderTransformOrigin="0.5,0.5">
<TextBlock.RenderTransform>
<RotateTransform Angle="45" />
</TextBlock.RenderTransform>
Rotated 45
</TextBlock>
</Button>