WPF控件捆绑Commands和资源

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值