备案控制台
开发者社区 开发与运维 文章 正文

WPF控件捆绑Commands和资源

2016-03-25 774
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 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>

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


image

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

image

案例效果：

image

参考工程：
img_e25d4fb2f8de1caf41a735ec53088516.pngSourceCode.zip

文章标签：
C#
关键词：
wpf控件
wpf资源
wpf commands
wpf控件资源
长空翱翔
目录
相关文章
追逐时光者
|
1天前
|
C# 开发者 Windows
基于Material Design风格开源、易用、强大的WPF UI控件库
基于Material Design风格开源、易用、强大的WPF UI控件库
追逐时光者
71 0
老码识途
|
1天前
|
C#
浅谈WPF之装饰器实现控件锚点
使用过visio的都知道，在绘制流程图时，当选择或鼠标移动到控件时，都会在控件的四周出现锚点，以便于修改大小，移动位置，或连接线等，那此功能是如何实现的呢？在WPF开发中，想要在控件四周实现锚点，可以通过装饰器来实现，今天通过一个简单的小例子，简述如何在WPF开发中，应用装饰器，仅供学习分享使用，如有不足之处，还请指正。
老码识途
68 1
Rick_1/2
|
9月前
|
C# Windows
WPF技术之RichTextBox控件
WPF RichTextBox是Windows Presentation Foundation (WPF)中提供的一个强大的文本编辑控件，它可以显示富文本格式的文本，支持多种文本处理操作。
Rick_1/2
358 0
老码识途
|
1天前
|
前端开发 C# 容器
浅谈WPF之控件拖拽与拖动
使用过office的visio软件画图的小伙伴都知道，画图软件分为两部分，左侧图形库，存放各种图标，右侧是一个画布，将左侧图形库的图标控件拖拽到右侧画布，就会生成一个新的控件，并且可以自由拖动。那如何在WPF程序中，实现类似的功能呢？今天就以一个简单的小例子，简述如何在WPF中实现控件的拖拽和拖动，仅供学习分享使用，如有不足之处，还请指正。
老码识途
118 2
老码识途
|
1天前
|
C#
浅谈WPF之样式与资源
WPF通过样式，不仅可以方便的设置控件元素的展示方式，给用户呈现多样化的体验，还简化配置，避免重复设置元素的属性，以达到节约成本，提高工作效率的目的，样式也是资源的一种表现形式。本文以一个简单的小例子，简述如何设置WPF的样式以及资源的应用，仅供学习分享使用，如有不足之处，还请指正。
老码识途
46 0
追逐时光者
|
1天前
|
C# 开发者 C++
一套开源、强大且美观的WPF UI控件库
一套开源、强大且美观的WPF UI控件库
追逐时光者
147 0
老码识途
|
6月前
|
算法 C# UED
浅谈WPF之控件模板和数据模板
WPF不仅支持传统的Windows Forms编程的用户界面和用户体验设计，同时还推出了以模板为核心的新一代设计理念。在WPF中，通过引入模板，将数据和算法的“内容”和“形式”进行解耦。模板主要分为两大类：数据模板【Data Template】和控件模板【Control Template】。
老码识途
105 8
Rick_1/2
|
9月前
|
定位技术 C# UED
WPF技术之ScrollViewer控件
WPF ScrollViewer是WPF中常用的一个控件，它提供了滚动视图的功能，可用于显示超出容器可视区域的内容。ScrollViewer通常用于容纳大量内容的控件，以在有限的空间内显示这些内容，并允许用户通过滚动来查看隐藏的部分。
Rick_1/2
801 0
Rick_1/2
|
9月前
|
前端开发 C#
WPF技术之ContentControl 控件
ContentControl 是 WPF 中的一个常见控件，用于显示单个内容元素。它可以包含任意类型的内容，包括文本、图像、控件等。
Rick_1/2
837 0
Rick_1/2
|
9月前
|
XML C# 数据格式
WPF技术之DocumentViewer控件
WPF 的 DocumentViewer 是一个强大的控件，用于在应用程序中显示各种类型的文档，如 XPS（XML Paper Specification）、FlowDocument 和 FixedDocument 等。
Rick_1/2
1149 1