【无标题】

最新推荐文章于 2024-07-25 16:02:00 发布

helloworldkiki

最新推荐文章于 2024-07-25 16:02:00 发布

阅读量108

点赞数

文章标签： wpf

本文链接：https://blog.csdn.net/helloworldkiko/article/details/126666434

版权

WPF中的ControlTemplate(控件模板) ，FocusVisualStyle

参考：https://www.cnblogs.com/zhouyinhui/archive/2007/03/28/690993.html

与Style不同，Style只能改变控件的已有属性值（比如颜色字体）来定制控件，但控件模板可以改变控件的内部结构（VisualTree，视觉树）来完成更为复杂的定制
ControlTemplate包含两个重要的属性：
1，VisualTree，该模板的视觉树，其实我们就是使用这个属性来描述控件的外观的
2，Triggers，触发器列表，里面包含一些触发器Trigger，我们可以定制这个触发器列表来使控件对外界的刺激发生反应，比如鼠标经过时文本变成粗体等。

更改button

 1. <Grid>
        <Button Width="200" Height="200" Content="Hello" FontSize="66">
            <Button.Template>
                <ControlTemplate>
                    <!--定义视觉树-->
                    <Grid>
                        <Ellipse Name="faceEllipse" Width="{TemplateBinding Button.Width}" Height="{TemplateBinding Control.Height}"  Fill="{TemplateBinding Button.Background}"/>
                        <TextBlock Name="txtBlock" Margin="{TemplateBinding Button.Padding}" VerticalAlignment="Center"  HorizontalAlignment="Center"  Text="{TemplateBinding Button.Content}" />
                    </Grid>
                    <!--定义视觉树_end-->
                    <ControlTemplate.Triggers>
                        <Trigger  Property="Button.IsMouseOver"  Value="True">
                            <Setter Property="Button.Foreground" Value="Red" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </Grid>

运行结果

鼠标点击是时前景色变红在这里插入图片描述

wpf焦点（类似yu鼠标？？？）
参考：https://cloud.tencent.com/developer/article/1342677
本文来告诉大家 WPF 的可获得焦点属性，如果希望一个元素可以获得键盘输入，那么就需要一个元素是可以获得焦点，而且焦点就在元素上。
WPF 的可获得焦点元素是 Focusable，这个属性是所有继承 IInputElement 的类都有，也就是所有的 UIElement 都可以设置 Focusable ，如果一个元素设置了 Focusable = false 那么这个元素就不能使用 Tab 把焦点放在这个元素。不能获得键盘的输入，但是可以获得鼠标输入。
如果需要获得键盘输入，就需要焦点在这个元素，很多时候在鼠标点击的元素就自动设置焦点是这个元素，但是如果这个元素Focusable = false就不会设置焦点。

//SnapsToDevicePixels显示的像素设置  Stroke是填充颜色  
//StrokeThickness边距  
//StrokeDashArray第一个 1表示虚线中每段实体的长度，第二个 2 表示虚线中每段空白的长度
<Style x:Key="menuButtonTemplate" TargetType="{x:Type Button}">
            <Setter Property="FocusVisualStyle">
                <Setter.Value>
                    <Style>
                        <Setter Property="Control.Template">
                            <Setter.Value>
                                <ControlTemplate>
                                    <Rectangle Margin="2" SnapsToDevicePixels="True" Stroke="DeepPink" StrokeThickness="2" StrokeDashArray="1 2"/>
                                </ControlTemplate>
                            </Setter.Value>
                        </Setter>
                    </Style>
                </Setter.Value>
            </Setter>
        </Style>

<Button Grid.Row="1" Background="Transparent"   Style="{DynamicResource menuButtonTemplate}" BorderBrush="Pink">
                        <Button.Content>
                            <Image Source="/Assets/006KbCPKgy1h51uq3kfocj320i2xnb2c.jpg" Stretch="Uniform" Width="20"/>
                        </Button.Content>
                    </Button>