WPF控件捆绑Commands和资源

简介: WPF可以直接在控件上捆绑一些常用的命令如复制、粘贴、剪贴、撤销、恢复,通过指定目标控件直接生效。 相当方便,不用使用命令控制。 1、设计器直接控件跟ApplicationCommands命令捆绑: 2、捆绑命令响应的控...

WPF可以直接在控件上捆绑一些常用的命令如复制、粘贴、剪贴、撤销、恢复,通过指定目标控件直接生效。

相当方便,不用使用命令控制。

1、设计器直接控件跟ApplicationCommands命令捆绑:

image

2、捆绑命令响应的控件

image

在【应用数据绑定】中找到要响应命令的控件

image

3、控件设置内置样式(静态资源)

下面为一些较好的BUTTON等样式的控件模板,将其放到XAML文件中即成为StaticResources


  1. UserControl.Resources>
  2.         !-- Flat Button -->
  3.         ControlTemplate x:Key="FlatButtonControlTemplate" TargetType="{x:Type Button}">
  4.             Border x:Name="OuterBorder" BorderBrush="Transparent" BorderThickness="1" CornerRadius="2">
  5.                 Border x:Name="InnerBorder" Background="Transparent" BorderBrush="Transparent" BorderThickness="1" CornerRadius="2">
  6.                     ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" RecognizesAccessKey="True" Margin="{TemplateBinding Padding}" />
  7.                 /Border>
  8.             /Border>
  9.             ControlTemplate.Triggers>
  10.                 Trigger Property="IsMouseOver" Value="True">
  11.                     Setter TargetName="OuterBorder" Property="BorderBrush" Value="#FF7CA0CC" />
  12.                     Setter TargetName="InnerBorder" Property="BorderBrush" Value="#FFE4EFFD" />
  13.                     Setter TargetName="InnerBorder" Property="Background" Value="#FFDAE7F5" />
  14.                 /Trigger>
  15.                 Trigger Property="IsPressed" Value="True">
  16.                     Setter TargetName="OuterBorder" Property="BorderBrush" Value="#FF2E4E76" />
  17.                     Setter TargetName="InnerBorder" Property="BorderBrush" Value="#FF116EE4" />
  18.                     Setter TargetName="InnerBorder" Property="Background" Value="#FF3272B8" />
  19.                 /Trigger>
  20.             /ControlTemplate.Triggers>
  21.         /ControlTemplate>

  22.         !-- Flat Toggle Button -->
  23.         ControlTemplate x:Key="FlatToggleButtonControlTemplate" TargetType="{x:Type ToggleButton}">
  24.             Border x:Name="OuterBorder" BorderBrush="Transparent" BorderThickness="1" CornerRadius="2">
  25.                 Border x:Name="InnerBorder" Background="Transparent" BorderBrush="Transparent" BorderThickness="1" CornerRadius="2">
  26.                     ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" RecognizesAccessKey="True" Margin="{TemplateBinding Padding}" />
  27.                 /Border>
  28.             /Border>
  29.             ControlTemplate.Triggers>
  30.                 Trigger Property="IsMouseOver" Value="True">
  31.                     Setter TargetName="OuterBorder" Property="BorderBrush" Value="#FF7CA0CC" />
  32.                     Setter TargetName="InnerBorder" Property="BorderBrush" Value="#FFE4EFFD" />
  33.                     Setter TargetName="InnerBorder" Property="Background" Value="#FFDAE7F5" />
  34.                 /Trigger>
  35.                 Trigger Property="IsPressed" Value="True">
  36.                     Setter TargetName="OuterBorder" Property="BorderBrush" Value="#FF2E4E76" />
  37.                     Setter TargetName="InnerBorder" Property="BorderBrush" Value="#FF116EE4" />
  38.                     Setter TargetName="InnerBorder" Property="Background" Value="#FF3272B8" />
  39.                 /Trigger>
  40.                 Trigger Property="IsChecked" Value="True">
  41.                     Setter TargetName="OuterBorder" Property="BorderBrush" Value="#FFFFC00A" />
  42.                     Setter TargetName="InnerBorder" Property="BorderBrush" Value="#FFFFDE7F" />
  43.                     Setter TargetName="InnerBorder" Property="Background" Value="#FFFFD458" />
  44.                 /Trigger>
  45.             /ControlTemplate.Triggers>
  46.         /ControlTemplate>
  47.     /UserControl.Resources>


image

控件调用上述模板来美化外观:

image

案例效果:

image

参考工程:
img_e25d4fb2f8de1caf41a735ec53088516.pngSourceCode.zip

相关文章
|
开发框架 缓存 前端开发
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(11) -- 下拉列表的数据绑定以及自定义系统字典列表控件
|
C# 开发者 Windows
一款基于Fluent设计风格、现代化的WPF UI控件库
一款基于Fluent设计风格、现代化的WPF UI控件库
402 1
|
C# Windows
WPF中如何使用HandyCotrol控件库
WPF中如何使用HandyCotrol控件库
667 1
|
开发框架 前端开发 JavaScript
WPF应用开发之控件动态内容展示
WPF应用开发之控件动态内容展示
|
开发者 C# 存储
WPF开发者必读:资源字典应用秘籍,轻松实现样式与模板共享,让你的WPF应用更上一层楼!
【8月更文挑战第31天】在WPF开发中,资源字典是一种强大的工具,用于共享样式、模板、图像等资源,提高了应用的可维护性和可扩展性。本文介绍了资源字典的基础知识、创建方法及最佳实践,并通过示例展示了如何在项目中有效利用资源字典,实现资源的重用和动态绑定。
413 0
|
C# 前端开发 UED
WPF数据验证实战:内置控件与自定义规则,带你玩转前端数据验证,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用开发中,数据验证是确保输入正确性的关键环节。前端验证能及时发现错误,提升用户体验和程序可靠性。本文对比了几种常用的WPF数据验证方法,并通过示例展示了如何使用内置验证控件(如`TextBox`)及自定义验证规则实现有效验证。内置控件结合`Validation`类可快速实现简单验证;自定义规则则提供了更灵活的复杂逻辑支持。希望本文能帮助开发者更好地进行WPF数据验证。
481 0
|
C# UED 定位技术
WPF控件大全:初学者必读,掌握控件使用技巧,让你的应用程序更上一层楼!
【8月更文挑战第31天】在WPF应用程序开发中,控件是实现用户界面交互的关键元素。WPF提供了丰富的控件库,包括基础控件(如`Button`、`TextBox`)、布局控件(如`StackPanel`、`Grid`)、数据绑定控件(如`ListBox`、`DataGrid`)等。本文将介绍这些控件的基本分类及使用技巧,并通过示例代码展示如何在项目中应用。合理选择控件并利用布局控件和数据绑定功能,可以提升用户体验和程序性能。
544 0
|
C#
WPF 静态资源(StaticResource)和动态资源(DynamicResource)
WPF 静态资源(StaticResource)和动态资源(DynamicResource)
406 0
|
前端开发 C#
wpfui:一个开源免费具有现代化设计趋势的WPF控件库
wpfui:一个开源免费具有现代化设计趋势的WPF控件库
548 0
|
开发框架 前端开发 C#
使用WPF开发自定义用户控件,以及实现相关自定义事件的处理
使用WPF开发自定义用户控件,以及实现相关自定义事件的处理