WPF 控件模板 Simple Styles.xaml

最新推荐文章于 2024-08-16 19:40:38 发布
最新推荐文章于 2024-08-16 19:40:38 发布
阅读量3.7k 收藏 2
点赞数
分类专栏： WPF 文章标签： wpf setter border binding button menu
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/steven088/article/details/7108104
版权
这个ResourceDictionary定义了一组控制样式，为创建自定义控件提供简化起点。包含各种颜色刷（如正常背景、边框、高亮等）和控件样式，如SimpleButton、RadioButton、CheckBox和TreeView等。样式考虑了不同状态（如鼠标悬停、按下、选中和禁用）下的外观，并使用动态资源进行绑定。
摘要由CSDN通过智能技术生成

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:d="http://schemas.microsoft.com/expression/interactivedesigner/2006" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="d">
 
 <!-- SimpleStyles.XAML defines a set of control styles which are simplified starting points for creating your own controls -->
 
 <!-- Brushes : These are used to define the color for background, foreground, selection, enabled etc of all controls
 If you want to change the color of a control you can just chnage the brush; if you want to add a new shape or change arrangement then also edit the template -->
 
 <!-- NormalBrush is used as the Background for SimpleButton, SimpleRepeatButton -->
 <LinearGradientBrush x:Key="NormalBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#EEE" Offset="0.0"/>
  <GradientStop Color="#CCC" Offset="1.0"/>
 </LinearGradientBrush>
 <LinearGradientBrush x:Key="NormalBorderBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#CCC" Offset="0.0"/>
  <GradientStop Color="#444" Offset="1.0"/>
 </LinearGradientBrush>
 
 <!-- LightBrush is used for content areas such as Menu, Tab Control background -->
 <LinearGradientBrush x:Key="LightBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#FFF" Offset="0.0"/>
  <GradientStop Color="#EEE" Offset="1.0"/>
 </LinearGradientBrush>
 
 <!-- MouseOverBrush is used for MouseOver in Button, Radio Button, CheckBox -->
 <LinearGradientBrush x:Key="MouseOverBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#FFF" Offset="0.0"/>
  <GradientStop Color="#AAA" Offset="1.0"/>
 </LinearGradientBrush>
 
 <!-- PressedBrush is used for Pressed in Button, Radio Button, CheckBox -->
 <LinearGradientBrush x:Key="PressedBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#BBB" Offset="0.0"/>
  <GradientStop Color="#EEE" Offset="0.1"/>
  <GradientStop Color="#EEE" Offset="0.9"/>
  <GradientStop Color="#FFF" Offset="1.0"/>
 </LinearGradientBrush>
 <LinearGradientBrush x:Key="PressedBorderBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#444" Offset="0.0"/>
  <GradientStop Color="#888" Offset="1.0"/>
 </LinearGradientBrush>

 <!-- SelectedBackgroundBrush is used for the Selected item in ListBoxItem, ComboBoxItem-->
 <SolidColorBrush x:Key="SelectedBackgroundBrush" Color="#DDD"/> 

 <!-- Disabled Brushes are used for the Disabled look of each control -->
 <SolidColorBrush x:Key="DisabledForegroundBrush" Color="#888"/>
 <SolidColorBrush x:Key="DisabledBackgroundBrush" Color="#EEE"/>
 <SolidColorBrush x:Key="DisabledBorderBrush" Color="#AAA"/>

 <!-- Used for background of ScrollViewer, TreeView, ListBox, Expander, TextBox, Tab Control -->
 <SolidColorBrush x:Key="WindowBackgroundBrush" Color="#FFF"/>
 
 <!-- DefaultedBorderBrush is used to show KeyBoardFocus -->
 <LinearGradientBrush x:Key="DefaultedBorderBrush" EndPoint="0,1" StartPoint="0,0">
  <GradientStop Color="#777" Offset="0.0"/>
  <GradientStop Color="#000" Offset="1.0"/>
 </LinearGradientBrush>

 <SolidColorBrush x:Key="SolidBorderBrush" Color="#888"/>
 <SolidColorBrush x:Key="LightBorderBrush" Color="#AAA"/>
 <SolidColorBrush x:Key="LightColorBrush" Color="#DDD"/>
 
 <!-- Used for Checkmark, Radio button, TreeViewItem, Expander ToggleButton glyphs -->
 <SolidColorBrush x:Key="GlyphBrush" Color="#444"/>
 
 
 <!-- Style and Template pairs are used to define each control Part -->
 <!-- The Style provides default values on the control; the Template gives the elements for each control -->
 
 <!-- SimpleButtonFocusVisual is used to show keyboard focus around a SimpleButton control -->
 <Style x:Key="SimpleButtonFocusVisual">
  <Setter Property="Control.Template">
   <Setter.Value>
    <ControlTemplate>
     <Border>
      <Rectangle Margin="2" Stroke="#60000000" StrokeThickness="1" StrokeDashArray="1 2"/>
     </Border>
    </ControlTemplate>
   </Setter.Value>
  </Setter>
 </Style>
 
 <!-- Simple Button - This control sets brushes on each state. Note that these brushes must be listed above since they are static resources -->
 <Style x:Key="SimpleButton" TargetType="{x:Type Button}" BasedOn="{x:Null}">
  <Setter Property="FocusVisualStyle" Value="{DynamicResource SimpleButtonFocusVisual}"/>
  <Setter Property="Background" Value="{DynamicResource NormalBrush}"/>
  <Setter Property="BorderBrush" Value="{DynamicResource NormalBorderBrush}"/>
  <Setter Property="Template">
   <Setter.Value>
    <ControlTemplate TargetType="{x:Type Button}">
     
     <!-- We use Grid as a root because it is easy to add more elements to customize the button -->
     <Grid x:Name="Grid">
      <Border x:Name="Border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/>
      
      <!-- Content Presenter is where the text content etc is placed by the control -->
      <!-- The bindings are useful so that the control can be parameterized without editing the template -->
      <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
     </Grid>
     
     <!--Each state sets a brush on the Border in the template -->
     <ControlTemplate.Triggers>
      <Trigger Property="IsKeyboardFocused" Value="true">
       <Setter Property="BorderBrush" Value="{DynamicResource DefaultedBorderBrush}" TargetName="Border"/>
      </Trigger>
      <Trigger Property="IsMouseOver" Value="true">
       <Setter Property="Background" Value="{DynamicResource MouseOverBrush}" TargetName="Border"/>
      </Trigger>
      <Trigger Property="IsPressed" Value="true">
       <Setter Property="Background" Value="{DynamicResource PressedBrush}" TargetName="Border"/>
       <Setter Property="BorderBrush" Value="{DynamicResource PressedBorderBrush}" TargetName="Border"/>
      </Trigger>
      <Trigger Property="IsEnabled" Value="true"/>
      <Trigger Property="IsEnabled" Value="false">
       <Setter Property="Background" Value="{DynamicResource DisabledBackgroundBrush}" TargetName="Border"/>
       <Setter Property="BorderBrush" Value="{DynamicResource DisabledBorderBrush}" TargetName="Border"/>
       <Setter Property="Foreground" Value="{DynamicResource DisabledForegroundBrush}"/>
      </Trigger>
     </ControlTemplate.Triggers>
    </ControlTemplate>
   </Setter.Value>
  </Setter>
 </Style>
 
 <Style x:Key="RadioButtonFocusVisual">
  <Setter Property="Control.Template">
   <Setter.Value>
    <ControlTemplate>
     <Border>
      <Rectangle Margin="15,0,0,0" Stroke="#60000000" StrokeThickness="1" StrokeDashArray="1 2"/>
     </Border>
    </ControlTemplate>
   </Setter.Value>
  </Setter>
 </Style>
 
 <Style x:Key="CheckBoxFocusVisual">
  <Setter Property="Control.Template">
   <Setter.Value>
    <ControlTemplate>
     <Border>
      <Rectangle Margin="15,0,0,0" Stroke="#60000000" StrokeThickness="1" StrokeDashArray="1 2"/>
     </Border>
    </ControlTemplate>
   </Setter.Value>
  </Setter>
 </Style>
 
 <!-- Simple CheckBox -->
 <Style x:Key="SimpleCheckBox" TargetType="{x:Type CheckBox}">
  <Setter Property="SnapsToDevicePixels" Value="true"/>
  <Setter Property="FocusVisualStyle" Value="{DynamicResource CheckBoxFocusVisual}"/>
  <Setter Property="Background" Value="{DynamicResource NormalBrush}"/>
  <Setter Property="BorderBrush" Value="{DynamicResource NormalBorderBrush}"/>
  <Setter Property="Template">
   <Setter.Value>
    <ControlTemplate TargetType="{x:Type CheckBox}">
     
     <!-- BulletDecorator is used to provide baseline alignment between the checkmark and the Content -->
     <BulletDecorator Background="Transparent">
      <BulletDecorator.Bullet>
       <Grid Width="13" Height="13">
        <Border x:Name="Border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
        <Path x:Name="CheckMark" Stroke="{DynamicResource GlyphBrush}" StrokeThickness="2" SnapsToDevicePixels="False" Data="M 0 0 L 13 13 M 0 13 L 13 0"/>
       </Grid>
      </BulletDecorator.Bullet>
      <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
     </BulletDecorator>
     
     <!-- This uses Visibility to hide and show the CheckMark on IsChecked -->
     <ControlTemplate.Triggers>
      <Trigger Property="IsChecked" Value="false">
       <Setter Property="Visibility" Value="Collapsed" TargetName="CheckMark"/>
      </Trigger>
      <Trigger Property="IsMouseOver" Value="true">
       <Setter Property="Background" Value="{DynamicResource MouseOverBrush}" TargetName="Border"/>
      </Trigger>
      <Trigger Property="IsPressed" Value="true">
       <Setter Property="Background" Value="{DynamicResource PressedBrush}" TargetName="Border"/>
       <Setter Property="BorderBrush" Value="{DynamicResource PressedBorderBrush}" TargetName="Border"/>
      </Trigger>
      <Trigger Property="IsEnabled" Value="false">
       <Setter Property="Background" Value="{DynamicResource DisabledBackgroundBrush}" TargetName="Border"/>
       <Setter Property="BorderBrush" Value="{DynamicResource DisabledBorderBrush}" TargetName="Border"/>
      </Trigger>
     </ControlTemplate.Triggers>
     
    </ControlTemplate>
   </Setter.Value>
  </Setter>
 </Style>
 
 <!-- Simple Radio Button -->
 <Style x:Key="SimpleRadioButton" TargetType="{x:Type RadioButton}">
  <Setter Property="SnapsToDevicePixels" Value="true"/>
  <Setter Property="FocusVisualStyle" Value="{DynamicResource RadioButtonFocusVisual}"/>
  <Setter Property="Background" Value="{DynamicResource NormalBrush}"/>
  <Setter Property="BorderBrush" Value="{DynamicResource NormalBorderBrush}"/>
  <Setter Property="Template">
   <Setter.Value>
    <ControlTemplate TargetType="{x:Type RadioButton}">
    
     <!-- BulletDecorator is used to provide baseline alignment between the checkmark and the Content -->
     <BulletDecorator Background="Transparent">
      <BulletDecorator.Bullet>
       <Grid Width="13" Height="13">
        <Ellipse x:Name="Ellipse_Border" Fill="{TemplateBinding Background}" Stroke="{TemplateBinding BorderBrush}" StrokeThickness="1"/>
        <Ellipse Margin="4" x:Name="CheckMark" Fill="{DynamicResource GlyphBrush}"/>
       </Grid>
      </BulletDecorator.Bullet>
      <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
     </BulletDecorator>
     
     <ControlTemplate.Triggers>
      <Trigger Property="IsChecked" Value="false">
       <Setter Property="Visibility" Value="Collapsed" TargetName="CheckMark"/>
      </Trigger>
      <Trigger Property="IsMouseOver" Value="true">
       <Setter Property="Fill" Value="{DynamicResource MouseOverBrush}" TargetName="Ellipse_Border"/>
      </Trigger>
      <Trigger Property="IsPressed" Value="true">
       <Setter Property="Fill" Value="{DynamicResource PressedBrush}" TargetName="Ellipse_Border"/>
       <Setter Property="Stroke" Value="{DynamicResource GlyphBrush}" TargetName="Ellipse_Border"/>
      </Trigger>
      <Trigger Property="IsEnabled" Value="false">
       <Setter Property="Fill" Value="{DynamicResource DisabledBackgroundBrush}" TargetName="Ellipse_Border"/>
       <Setter Property="Stroke" Value="#40000000" TargetName="Ellipse_Border"/>
       <Setter Property="Foreground" Value="#80000000"/>
      </Trigger>
      
     </ControlTemplate.Triggers>
    </ControlTemplate>
   </Setter.Value>

最低0.47元/天 解锁文章
steven088
关注
专栏目录
【愚公系列】2023年10月 WPF控件专题 XAML介绍
时光隧道
08-07 5万+
WPF（Windows Presentation Foundation）是微软推出的一种基于.net框架的图形用户界面技术，它使用XAML（eXtensible Application Markup Language）作为UI的描述语言。XAML是一种基于XML的标记语言，用于描述WPF应用程序的用户界面、控件、布局、样式和数据绑定。XAML可以将UI元素和代码分离，使得设计人员和开发人员能够分别负责UI和逻辑的开发，从而提高开发效率。
WPF笔记1-App.xaml & MainWindow.xaml
u012224054的专栏
02-18 3593
WPF程序结构            在Visual Studio中创建WPF应用程序，项目包括App和MainWindow两组文件。每组文件包括Xaml文件和cs文件，其中App.xaml文件的内容如下。 <Application x:Class="WpfApplication2.App" xmlns="http://schemas.microsoft.co
WPF-Samples-master_WPF基本sample_
10-02
WPF的基本空间历程，使用.net core3.0.1版本
Simple Style
weixin_30325487的博客
10-16 109
<ResourceDictionaryxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"xmlns:d="http://schemas.microsoft.com/expression/interac...
WPF知识点，持续更新
最新发布
anyangsu_的博客
08-16 969
样式的声明可以在窗体的Window.Resource根节点下面就行编写，也可以在项目的App.xaml文件下编写，还可以在新建的资源字典里面编写。只有在动态资源绑定时（DynamicResource），才能够通过后台代码索引资源的方式修改样式。单例模式具有线程安全的问题，所以需要加上线程锁，避免多个线程访问时，创建多个实例。方式二中如过继承的父样式没有键值Key，则会在资源树中向上查找，原生的控件样式。样式绑定也有两种方式：静态绑定 or 动态绑定。可以新建一个资源字典，将控件样式编写在其中。
Using WPF styles
sdhongjun的专栏
09-20 212
转载地址https://www.wpf-tutorial.com/styles/using-styles/ In the previous chapter, where we introduced the concept of styles, we used a very basic example of a locally defined style, which targeted a spec...
查找WPF控件的默认Style的方法
CSDN
12-30 3289
https://blogs.msdn.microsoft.com/llobo/2006/06/12/finding-default-styles-of-wpf-controls/
使用WPF样式
ccvah的博客
05-23 323
在前一章，我们介绍了样式的概念，我们使用了本地定义样式的一个基础示例，它针对特定类型的控件 - TextBlock。 但是，样式可以在几个不同的范围中定义，具体取决于您希望在何处以及如何使用它们，甚至可以将样式限制为仅在您明确需要的控件上使用。 在本章中，我将向您展示定义样式的所有不同方式。 本地控件的特定样式 您可以直接在控件上定义样式，如下所示： <Window x:Class=...
WPF 模板XAML 查询.rar
07-07
2. **学习模板机制**：通过查看和分析默认模板，开发者可以学习到WPF中的控件模板是如何工作的，包括ControlTemplate、DataTemplate等，这些模板决定了控件的视觉表现。 3. **自定义模板**：在理解了默认模板的基础...
在WPF中动态加载XAML中的控件实例代码
09-02
本文将深入探讨如何在WPF中实现动态加载XAML控件，并通过实例分析动态调用技巧。首先，我们需要了解WPF中的几种加载方式： 1. **从字符串中加载**： 这种方法直接将XAML内容作为字符串处理。在代码中，我们可以...
dotnet 使用 ShowMeTheXAML 显示 WPF 的 XAML 控件内容.rar
06-03
本文将深入探讨如何使用`ShowMeTheXAML`工具来查看和理解WPF应用程序中的XAML控件内容。这个工具对于开发者来说非常有用，因为它允许实时查看XAML代码与运行时UI之间的关系，从而提升开发效率和调试体验。 首先，让...
WPF控件默认模板查看工具
06-20
该工具可以查看WPF控件的默认模板，大家可以拷贝下来进行修改。以前误认为MSDN上的控件模板就是默认的模板，结果发现有的控件无法更改，用这个工具则很容易解决了问题，因为原始模板的所有信息都被展现出来了
关于wpf SizeChanged不能触发的解决办法
深海狂鲨
10-23 4863
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presen
10-2.WPF的Style
博客
11-14 914
10-2.WPF的Style
wpf 修改label值_c# – 在WPF中绑定Setter属性的值
weixin_32394015的博客
01-12 939
我整天都在寻找一种在ComboBox上显示默认文本字符串的方法,而我设法找到的最接近的工作是使用水印的示例.当我的应用程序打开时,ComboBox的Visibility属性设置为Collapsed,然后通过命令显示.不幸的是,我无法让水印效仿.这是我正在使用的：{Binding Visible}即使窗口中的其他控件绑定到它并且行为正常也没有任何效果.x:Name="leagueFormatComb...
WPF学习系列020: 3.2.2 变更通知
daming_ocean的专栏
12-23 775
WPF学习系列020: 3.2.2 变更通知
WPF自定义控件
語衣的个人博客
07-15 1120
接下来，我们为MyButton添加一个触发器，当鼠标悬停在按钮上时改变其背景色。-- 之前的Setter设置 -->-- 添加触发器 -->-- 之前的Setter设置 -->-- 添加触发器 -->-- 之前的Setter设置 -->-- 添加触发器 -->-- 之前的Setter设置 -->-- 添加触发器 -->-- 之前的Setter设置 -->-- 添加触发器 -->
WPF自定义漂亮的按钮样式
微软新技术
05-02 5181
首先打开 Microsoft Visual Studio 2008 ，新建一个WPF项目，在上面随便放几个按钮：然后给各个按钮设置不同的背景颜色：设置好之后就是这样啦：然后我们就开始在 App.xaml 文件中定义按钮样式了：定义的样式代码如下：以下为引用的内容：    xmlns="http://schemas.microsoft.com/wi
关于触发器和setter的理解------WPF
weixin_33774883的博客
09-28 390
<!--体会：setter和trigger都是层级结构，，都是style的下级。。。setter设置属性的。,trigger是设置事件以及事件的内容的--> <!--一个setter是一个属性，，，一个trigger是一个事件，很简单--> <Style x:Key="mystyle" TargetType="{x:Type TextBox}"...
wpf里的Window_SImpleViewManager.xaml使用button开关Window_Simple_Black.xaml的代码
05-31
在WPF中，你可以通过以下步骤实现使用Button开关Window_Simple_Black.xaml的功能： 1. 在Window_SimpleViewManager.xaml中，定义一个按钮控件，并在其Click事件中添加代码，用于切换Window_Simple_Black.xaml的可见性。可以使用如下代码： ```xml <Button Content="Switch" Click="Button_Click" /> ``` ```c# private void Button_Click(object sender, RoutedEventArgs e) { if (Window_Simple_Black.Visibility == Visibility.Visible) { Window_Simple_Black.Visibility = Visibility.Hidden; } else { Window_Simple_Black.Visibility = Visibility.Visible; } } ``` 其中，`Window_Simple_Black` 表示需要控制的窗体对象。 2. 在Window_SimpleViewManager.xaml.cs中，定义一个公共的属性，用于获取Window_Simple_Black.xaml的实例。可以使用如下代码： ```c# public static Window_Simple_Black Window_Simple_Black; ``` 其中，`Window_Simple_Black` 表示需要控制的窗体类型。 3. 在Window_SimpleViewManager.xaml.cs的构造函数中，创建Window_Simple_Black.xaml的实例，并将其赋值给公共属性。可以使用如下代码： ```c# Window_Simple_Black = new Window_Simple_Black(); ``` 其中，`Window_Simple_Black` 表示需要控制的窗体类型。 需要注意的是，如果需要在Window_Simple_Black.xaml中操作Window_SimpleViewManager.xaml，也需要类似的实现方式。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值