首页 > 其他分享 >wpf引用样式

wpf引用样式

时间:2022-10-24 23:33:33浏览次数:51  
标签:样式 xaml 引用 引入 wpf css

在css中,可以把公用样式抽出放在一个单独的css文件里面。
在wpf中也可以做到类似的操作。

image

分离样式

把样式写在Style下的Button.xaml下:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Style x:Key="Styles.Button" TargetType="Button">
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#ff7300"></Setter>
                <Setter Property="Foreground" Value="Red"></Setter>
            </Trigger>
        </Style.Triggers>
        <Setter Property="Width" Value="100"></Setter>
        <Setter Property="Height" Value="50"></Setter>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="Button">
                    <Border Background="{TemplateBinding Background}" BorderBrush="Black" BorderThickness="1">
                        <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"></ContentPresenter>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

引入样式

样式可以直接在App.xaml文件中引入,也可以在需要使用的页面的<Window.Resources> 下引入

 <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="Style/Button.xaml"></ResourceDictionary>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>

控件上使用

<Button Style="{StaticResource Styles.Button}">测试</Button>

标签:样式,xaml,引用,引入,wpf,css
From: https://www.cnblogs.com/boxrice/p/16823477.html

相关文章

  • 引用不能绑定到"无物"?
    引用不能绑定到"无物"?在《深度探索C++对象模型》第3.4节中提到:至于reference,则不需要针对可能的0值做防卫,因为reference不可能参考到“无物”(noobject).但实际上,因......
  • css边框样式(css边框样式属性使用的是)
    CSS列表样式属性list是怎样的?  若list-style-image属性值为none或指定url地址的图片不能被显示时,此属性将发生作用。disc:CSS1实心圆circle:CSS1空心圆squ......
  • dellphi Tcxgrid 引用双击事件
      我设置了一个双击事件,然后又想通过右键菜单来实现双击整事件里的功能,就这么一个简单的功能,我卡了一天!主要卡在ACellViewInfo这个参数里面,想传这个参数进去,......
  • 【前端】总结一下前端css样式规范
    (总结一下前端css样式规范)前端样式CSS规范通用规范//badpadding-bottom:0px;margin:0em;//goodpadding-bottom:0;margin:0;如果CSS可以做到,就不要使用......
  • C++之值传递&指针传递&引用传递详解
    C++之值传递&指针传递&引用传递详解目录C++之值传递&指针传递&引用传递详解1.函数基础2.值传递3.指针传递4.引用传递1.函数基础一个函数由以下四部分组成:返回类型函......
  • Jmeter-2.定义变量与引用变量
    1.定义变量在测试计划中  2.引用变量时使用${}进行引用 ......
  • CSS文字样式的相关属性
    Text-transform常用属性text-transform:capitalize每个单词的首字母转换为大写字母text-transform:uppercase全部转换为大写text-transform:lowercase全部转换为小写tex......
  • Python&JS宏 实现保留样式合并表格后拆分
    ......
  • HTML滚动条样式代码及使用技巧
    HTML滚动条样式代码及使用技巧2022-04-2109:47更新在html网页中,我们都知道大篇幅的长文章会占据网页的大部分空间,影响了整体网站页面的美观性和阅读体验,因此,在......
  • #yyds干货盘点#【愚公系列】2022年10月 微信小程序-组件模板和组件样式
    一、组件模板组件模板的写法与页面模板相同。组件模板与组件数据结合后生成的节点树,将被插入到组件的引用位置上。在组件模板中可以提供一个<slot>节点,用于承载组件引用......