WPF入门教程

• 资料收集
• 常用布局属性
• 常用布局容器
• • Grid
  • StackPanel
  • WrapPanel
  • DockPanel
  • UniformGrid
• 控件结构
• • Margin
  • padding
• 样式
• 触发器
• • Triggers
  • MultiTrigger
  • datetrigger

资料收集

大神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

数据触发器，完成监测数据达到某值，触发框体颜色变化