WPF入门教程
资料收集
常用布局属性
代码 | 含义 |
---|---|
HorizontalAlignment | 用于设置元素水平位置 |
VerticalAlignment | 用于设置元素垂直位置 |
Margin | 指定元素与容器边距的距离 |
Height | 指定元素的高度 |
weight | 指定元素的宽度 |
上述布局属性外WPF中拉出一个button观察其位置,即上述布局属性确定的空间位置,所以基本掌握了解其因为内容即可。
常用布局容器
Grid
代码 | 含义 | 备注 |
---|---|---|
ShowGridLine | 可设置行业边距线的显式 | 显式线型 |
RowDefinitions | 创建任意行 | 显式线型 |
ColumnDefinitions | 创建任意列 | 显式线型 |
StackPanel
用于设置元素排列方式,默认垂直方式布局
StackPanel Orientation=“Horizontal” 进行方向调整
WrapPanel
与上面相似,不过默认是水平排序,且自动换行
DockPanel
拥有上下左右的命令
UniformGrid
空间均分
控件结构
Margin
外框边距
padding
文字的内容部边距
样式
<Window.Resources>
<Style x:Key="style1" TargetType="Button">
<Setter Property="Width" Value="100"/>
<Setter Property="Height" Value="40"/>
<Setter Property="Foreground" Value="Red"/>
<Setter Property="Content" Value="LOVE"/>
</Style>
</Window.Resources>
<Grid ShowGridLines="False">
<StackPanel Orientation="Vertical" HorizontalAlignment="Left" Height="410" VerticalAlignment="Top" Width="347">
<Button Style="{StaticResource style1}"/>
<Button Style="{StaticResource style1}"/>
<Button Style="{StaticResource style1}"/>
触发器
Triggers
触发器
<Style.Triggers>
<Trigger Property="IsMouseOver" Value="True">
<Setter Property="Foreground" Value="Blue"/>
<Setter Property="FontSize" Value="20"/>
</Trigger>
<Trigger Property="IsMouseOver" Value="False">
<Setter Property="Foreground" Value="Red"/>
<Setter Property="FontSize" Value="15"/>
</Trigger>
MultiTrigger
多触发器
<MultiTrigger.Conditions>
<Condition Property="IsMouseOver" Value="True"/>
<Condition Property="IsFocused" Value=" TRUE"/>
</MultiTrigger.Conditions>
<MultiTrigger.Setters>
<Setter Property="Background" Value="Pink"/>
</MultiTrigger.Setters>
datetrigger
数据触发器,完成监测数据达到某值,触发框体颜色变化