WPF控件结构

 

WPF控件结构

 

控件都是继承的,举例Button。

Button->ButtonBase->ContentControl->Control->FrameworkElement

有些基础属性,比如Width,Height是FrameworkElement就定义了。

WPF控件结构

 

 

WPF控件结构

 

控件的内容可以是数据,也可以是控件,因此整个XAML是一个控件树。

即使是一个基本控件,也是由更基本的控件组成的。

 

WPF控件结构

右键控件编辑模板-编辑副本-确定

<Style x:Key="FocusVisual">

            <Setter Property="Control.Template">

                <Setter.Value>

                    <ControlTemplate>

                        <Rectangle Margin="2" SnapsToDevicePixels="true" Stroke="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" StrokeThickness="1" StrokeDashArray="1 2"/>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

        <SolidColorBrush x:Key="Button.Static.Background" Color="#FFDDDDDD"/>

        <SolidColorBrush x:Key="Button.Static.Border" Color="#FF707070"/>

        <SolidColorBrush x:Key="Button.MouseOver.Background" Color="#FFBEE6FD"/>

        <SolidColorBrush x:Key="Button.MouseOver.Border" Color="#FF3C7FB1"/>

        <SolidColorBrush x:Key="Button.Pressed.Background" Color="#FFC4E5F6"/>

        <SolidColorBrush x:Key="Button.Pressed.Border" Color="#FF2C628B"/>

        <SolidColorBrush x:Key="Button.Disabled.Background" Color="#FFF4F4F4"/>

        <SolidColorBrush x:Key="Button.Disabled.Border" Color="#FFADB2B5"/>

        <SolidColorBrush x:Key="Button.Disabled.Foreground" Color="#FF838383"/>

        <Style x:Key="ButtonStyle1" TargetType="{x:Type Button}">

            <Setter Property="FocusVisualStyle" Value="{StaticResource FocusVisual}"/>

            <Setter Property="Background" Value="{StaticResource Button.Static.Background}"/>

            <Setter Property="BorderBrush" Value="{StaticResource Button.Static.Border}"/>

            <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>

            <Setter Property="BorderThickness" Value="1"/>

            <Setter Property="HorizontalContentAlignment" Value="Center"/>

            <Setter Property="VerticalContentAlignment" Value="Center"/>

            <Setter Property="Padding" Value="1"/>

            <Setter Property="Template">

                <Setter.Value>

                    <ControlTemplate TargetType="{x:Type Button}">

                        <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="true">

                            <ContentPresenter x:Name="contentPresenter" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>

                        </Border>

                        <ControlTemplate.Triggers>

                            <Trigger Property="IsDefaulted" Value="true">

                                <Setter Property="BorderBrush" TargetName="border" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>

                            </Trigger>

                            <Trigger Property="IsMouseOver" Value="true">

                                <Setter Property="Background" TargetName="border" Value="{StaticResource Button.MouseOver.Background}"/>

                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.MouseOver.Border}"/>

                            </Trigger>

                            <Trigger Property="IsPressed" Value="true">

                                <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Pressed.Background}"/>

                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Pressed.Border}"/>

                            </Trigger>

                            <Trigger Property="IsEnabled" Value="false">

                                <Setter Property="Background" TargetName="border" Value="{StaticResource Button.Disabled.Background}"/>

                                <Setter Property="BorderBrush" TargetName="border" Value="{StaticResource Button.Disabled.Border}"/>

                                <Setter Property="TextElement.Foreground" TargetName="contentPresenter" Value="{StaticResource Button.Disabled.Foreground}"/>

                            </Trigger>

                        </ControlTemplate.Triggers>

                    </ControlTemplate>

                </Setter.Value>

            </Setter>

        </Style>

 

 

这就是一个按钮的组成,其中有border, ContentPresenter,Rectangle等更加基本的控件。

控件的内容是控件,但是有2种情况,一种是单个内容,一种是多个内容。

WPF控件结构

 

Button内容是单个内容,如果多个内容就会报错。Cotent属性被设置多次。

 

Stackpanel就是有多个内容。

WPF控件结构

 

WPF控件结构

 

WPF控件结构

 

 

WPF控件结构

 

WPF控件结构

 

WPF控件结构

 

Grid和Stackpanle用于布局,使用最为普遍。

 

 

 

 

 

相关文章:

  • 2021-12-03
  • 2021-11-30
  • 2021-08-17
  • 2021-05-16
  • 2021-09-08
  • 2021-09-08
  • 2021-04-24
  • 2021-09-05
猜你喜欢
  • 2021-12-09
  • 2021-12-28
  • 2021-09-07
  • 2018-01-06
  • 2021-10-01
  • 2018-08-24
  • 2021-09-26
相关资源
相似解决方案