通常我们想对现有的控件,做些修饰时我们就会想到一个装饰模式。WPF中也提供了这样的实现思路:通过将Adorner添加到AdornerLayer中来实现装饰现有控件的效果。如图示:
本来TextBox四角没有圆点,但是通过装饰器可以为它加上。所以可以看成在TextBox上加了层。
这样就“无痛”的给控件进行了装饰(如果不想要,还可以随时拆掉,哈哈)。当然应用不单单这样加几个点而已,修饰嘛比如拖动控件的修饰。
编程方式给指定UIElement添加装饰器
此示例演示如何以编程方式将装饰器绑定到指定的
UIElement
。
若要将装饰器绑定到特定的
UIElement
,请按照以下步骤操作:
-
调用 static 方法 GetAdornerLayer,为要装饰的
UIElement
获得
AdornerLayer
对象。 GetAdornerLayer 从指定的
UIElement
开始沿着可视化树向上行进,返回它所发现的第一个装饰器层。 (如果未发现装饰器层,则该方法返回 Null。)
-
调用
Add
方法将装饰器绑定到目标
UIElement
。
myAdornerLayer = AdornerLayer.GetAdornerLayer(myTextBox);
myAdornerLayer.Add(new SimpleCircleAdorner(myTextBox));
使用XAML方式给指定UIElement添加装饰器
<AdornerDecorator>
<TextBox Text="可以得到AdornerLayer"/>
</AdornerDecorator>
简介 通常我们想对现有的控件,做些修饰时我们就会想到一个装饰模式。WPF中也提供了这样的实现思路:通过将Adorner添加到AdornerLayer中来实现装饰现有控件的效果。如图示: 本来TextBox四角没有圆点,但是通过装饰器可以为它加上。所以可以看成在TextBox上加了层。 这样就“无痛”的给控件进行了装饰(如果不想要,还可以随时拆掉,哈哈)。当然应用不单...
看到这个标题,您可能会在脑中产生一个疑问:Adorner是什么?Adorner是
WPF
窗口中独立的一层,支持在界面元素之上执行独立的绘制及用户交互。可以说,Adorner在您的
WPF
程序中无处不在。在
WPF
中,从编辑框控件中光标的显示和选中效果的支持,到具有数据焦点的控件所具有的虚线外框,都是通过Adorner实现的。
什么是Adorner
鉴于您可能不熟悉Adorne...
关于
WPF
系列Adorner的学习笔记。Adorner在
WPF
中的界面设计中很常见,它可以用来实现更加美观的界面视觉效果,也可以设计事件动态效果等等。
1.在界面元素上提供视觉效果,以提示用户当前元素处于特定状态。
2.从视觉上遮盖或重写UIElement的一部分或全部
3.向UIElement添加功能控点,使用户可以操作元素(调整大小、旋转、重新定位等)
4.作为控件的附加属性来控制控件外观显示的变化
具体请参考本博客文章!
,我之前是修改的ControlTemplate。类似于将一个带数字的控件,放在另一个控件的右上角,来实现的这个效果。
原来
WPF
有个Adorner,也可以实现这样的效果。
WPF
中很多控件,都带Adorner层。这相当于一个控件的装饰层。我们在这里面可以做出很多蛮好的效果。比如错误提示等。
定有不可用装饰类,DisabledAdorner继承Adorner装饰类。Adorner是继承FrameworkElement元素基类。
定义集合VisualCollectione用于添加Grid,定义Grid容器用于遮罩控件。
private VisualCollection _visCollec;
private Grid _grid;
在
WPF
MVVM 架构中,可以使用 InvokeCommandAction 来触发 ViewModel 中的命令,并且可以传递一个参数。如果需要传递多个参数,可以使用以下方法:
1. 使用命令参数对象
定义一个类,包含需要传递的多个参数,例如:
public class CommandParameter
public string Parameter1 { get; set; }
public int Parameter2 { get; set; }
在 XAML 中,使用该类作为 InvokeCommandAction 的 CommandParameter 属性的值:
<i:InvokeCommandAction Command="{Binding MyCommand}" CommandParameter="{Binding CommandParameter}" />
在 ViewModel 中,命令的 Execute 方法可以接收该类的实例作为参数:
public RelayCommand<CommandParameter> MyCommand { get; set; }
public void MyCommandExecute(CommandParameter parameter)
// 使用参数
2. 使用触发事件的参数
在 XAML 中,可以使用 EventTrigger 触发一个事件,并且可以使用 EventTrigger 的 EventArgsConverter 属性将事件参数转换为需要的类型。例如:
<i:Interaction.Triggers>
<i:EventTrigger EventName="MyEvent">
<i:InvokeCommandAction Command="{Binding MyCommand}">
<i:InvokeCommandAction.CommandParameter>
<MultiBinding Converter="{StaticResource MyConverter}">
<Binding Path="Parameter1" />
<Binding Path="Parameter2" />
</MultiBinding>
</i:InvokeCommandAction.CommandParameter>
</i:InvokeCommandAction>
</i:EventTrigger>
</i:Interaction.Triggers>
在这里,使用 MultiBinding 将多个绑定值传递给一个转换器。转换器将这些值转换为需要的类型,并且将它们封装到一个对象中,然后作为命令的参数传递给 ViewModel。
在 ViewModel 中,命令的 Execute 方法可以接收该对象作为参数:
public RelayCommand<MyParameter> MyCommand { get; set; }
public void MyCommandExecute(MyParameter parameter)
// 使用参数