WPF中行为与触发器的概念及用法

已于 2023-11-19 16:37:10 修改
阅读量1.2k 收藏 2
点赞数
分类专栏： WPF 文章标签： wpf
于 2023-11-18 17:15:32 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzyzxb/article/details/134479423
版权

完全来源于十月的寒流，感谢大佬讲解

一、行为 (Behaviors)

在这里插入图片描述
在这里插入图片描述

behaviors的简单测试

<Window x:Class="Test_05.MainWindow"
        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/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test_05"
        mc:Ignorable="d"
        xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Border x:Name="bord" Width="50" Height="50" Background="Blue">
            <b:Interaction.Behaviors>
                <b:MouseDragElementBehavior></b:MouseDragElementBehavior>
            </b:Interaction.Behaviors>
        </Border>
    </Grid>
</Window>

自定义behaviors测试

<Window x:Class="Test_05.MainWindow"
        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/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test_05"
        mc:Ignorable="d"
        xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Border x:Name="bord" Width="50" Height="50" Background="Blue" RenderTransformOrigin="1.47,0.858">
            <b:Interaction.Behaviors>
                <b:MouseDragElementBehavior></b:MouseDragElementBehavior>
                <local:MyBehaviors></local:MyBehaviors>
            </b:Interaction.Behaviors>
        </Border>
    </Grid>
</Window>

using Microsoft.Xaml.Behaviors;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Test_05
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }

    public class MyBehaviors : Behavior<Border>
    {
        protected override void OnAttached()
        {
            //AssociatedObject.Background = Brushes.Green;
            AssociatedObject.MouseEnter += (sender,args) => 
            {
                AssociatedObject.Background = Brushes.Green;
            };
            AssociatedObject.MouseLeave += (sender, args) =>
            {
                AssociatedObject.Background = Brushes.Blue;
            };
        }

        protected override void OnDetaching()
        {
        }
    }
}

点击按钮后清空某个文本框的内容

<Window x:Class="Test_05.MainWindow"
        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/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test_05"
        mc:Ignorable="d"
        xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <TextBox x:Name="tbox"></TextBox>
        <Button HorizontalAlignment="Left" Content="clear">
            <b:Interaction.Behaviors>
                <local:ClearTextBox Target="{Binding ElementName=tbox}"></local:ClearTextBox>
            </b:Interaction.Behaviors>
        </Button>
    </StackPanel>
</Window>

using Microsoft.Xaml.Behaviors;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Test_05
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }

    public class ClearTextBox : Behavior<Button>
    {
        public TextBox Target
        {
            get { return (TextBox)GetValue(TargetProperty); }
            set { SetValue(TargetProperty, value); }
        }

        public static readonly DependencyProperty TargetProperty =
            DependencyProperty.Register("Target", typeof(TextBox), typeof(ClearTextBox), new PropertyMetadata(null));

        protected override void OnAttached()
        {
            AssociatedObject.Click += EmptyText;
        }

        private void EmptyText(object sender, RoutedEventArgs e)
        {
            Target?.Clear();
        }
    }
}

用鼠标滚轮调整文本框中的数字

<Window x:Class="Test_05.MainWindow"
        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/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test_05"
        mc:Ignorable="d"
        xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
        Title="MainWindow" Height="450" Width="800">
    <StackPanel>
        <TextBox x:Name="tbox" FontSize="30" Text="0">
            <b:Interaction.Behaviors>
                <local:MouseWheelBehavior MinValue="-100" MaxValue="100" Scale="3"></local:MouseWheelBehavior>
            </b:Interaction.Behaviors>
        </TextBox>
    </StackPanel>
</Window>

using Microsoft.Xaml.Behaviors;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Test_05
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }

    public class MouseWheelBehavior : Behavior<TextBox>
    {
        public int MaxValue { get; set; } = 10;
        public int MinValue { get; set; } = -10;
        public int Scale { get; set; } = 1;

        protected override void OnAttached()
        {
            AssociatedObject.MouseWheel += Wheel;
        }

        private void Wheel(object sender, MouseWheelEventArgs e)
        {
            int num = int.Parse(AssociatedObject.Text);

            if (e.Delta > 0)
            {
                num += Scale;
            }
            else
            {
                num -= Scale;
            }
            if (num > MaxValue)
            {
                num = MaxValue;
            }
            if (num < MinValue)
            {
                num = MinValue;
            }
            AssociatedObject.Text = num.ToString();
        }
    }
}

二、触发器 (Triggers)

在这里插入图片描述
示例代码

<Window x:Class="Test_05.MainWindow"
        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/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test_05"
        mc:Ignorable="d"
        xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainWindowViewModel></local:MainWindowViewModel>
    </Window.DataContext>
    
    <b:Interaction.Triggers>
        <b:EventTrigger EventName="Loaded">
            <b:InvokeCommandAction Command="{Binding LoadedCommand}"></b:InvokeCommandAction>
        </b:EventTrigger>
    </b:Interaction.Triggers>
    <StackPanel>
        <TextBox Name="tbox" Text="{Binding Text}" FontSize="30"></TextBox>
        <Button HorizontalAlignment="Left" Content="Close" FontSize="30">
            <b:Interaction.Triggers>
                <b:EventTrigger EventName="Click">
                    <b:CallMethodAction TargetObject="{Binding RelativeSource={RelativeSource AncestorType=Window}}" MethodName="Close"></b:CallMethodAction>
                    <!--<b:CallMethodAction TargetObject="{Binding Source={x:Static Application.Current}}" MethodName="ShutDown"></b:CallMethodAction>-->
                </b:EventTrigger>
            </b:Interaction.Triggers>
        </Button>
    </StackPanel>
</Window>

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;
using Microsoft.Xaml.Behaviors;
using System;
using System.Collections.Generic;
using System.Configuration;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;

namespace Test_05
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
    }

    public class MainWindowViewModel : ObservableObject
    {
        string text;
        public string Text
        {
            get => text; 
            set => SetProperty(ref text, value);
        }

        public AsyncRelayCommand LoadedCommand { get; }

        public MainWindowViewModel()
        {
            LoadedCommand = new AsyncRelayCommand(Loaded);
        }

        private async Task Loaded()
        {
            await Task.Delay(2000);
            Text = "Hello World";
        }
    }
}

Button IsMouseOver 变成红色

<Window x:Class="Test_05.MainWindow"
        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/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:Test_05"
        mc:Ignorable="d"
        xmlns:b="http://schemas.microsoft.com/xaml/behaviors"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainWindowViewModel></local:MainWindowViewModel>
    </Window.DataContext>
    
    <b:Interaction.Triggers>
        <b:EventTrigger EventName="Loaded">
            <b:InvokeCommandAction Command="{Binding LoadedCommand}"></b:InvokeCommandAction>
        </b:EventTrigger>
    </b:Interaction.Triggers>
    <StackPanel>
        <TextBox Name="tbox" Text="{Binding Text}" FontSize="30"></TextBox>
        <Button HorizontalAlignment="Left" Content="Close" FontSize="30" Padding="10">
            <!--<Button.Style>
                <Style TargetType="Button">
                    <Style.Triggers>
                        <DataTrigger Binding="{}"></DataTrigger>
                    </Style.Triggers>
                </Style>
            </Button.Style>-->
            <b:Interaction.Triggers>
                <b:EventTrigger EventName="Click">
                    <!--<b:CallMethodAction TargetObject="{Binding RelativeSource={RelativeSource AncestorType=Window}}" MethodName="Close"></b:CallMethodAction>-->
                    <!--<b:CallMethodAction TargetObject="{Binding Source={x:Static Application.Current}}" MethodName="ShutDown"></b:CallMethodAction>-->
                </b:EventTrigger>
                <b:DataTrigger Binding="{Binding RelativeSource={RelativeSource AncestorType=Button}, Path=IsMouseOver}" Value="True">
                    <b:ChangePropertyAction TargetObject="{Binding RelativeSource={RelativeSource AncestorType=Button}}" PropertyName="Background" Value="Blue"></b:ChangePropertyAction>
                </b:DataTrigger>
            </b:Interaction.Triggers>
        </Button>
    </StackPanel>
</Window>

在这里插入图片描述

zzyzxb
关注
专栏目录
【愚公系列】2023年10月 WPF+上位机+工业互联 015-属性绑定(源更新触发器)
时光隧道
09-22 4万+
WPF中的数据源是一种包含数据的对象，可以用来绑定到UI元素上。数据源可以是任何类，包括自定义类、集合类、XML文件、数据库等等。在WPF中，使用数据绑定将数据源对象与UI元素进行连接，从而实现将数据展示在界面上，并且在数据源对象发生变化时，自动更新UI元素的值。数据源是实现MVVM设计模式的重要组成部分。
WPF高频面试题与解答，让你轻松找到理想工作
11-16
在本文中，我们将深入探讨WPF（Windows Presentation Foundation）中的几个关键概念，包括依赖属性、附加属性和样式，这些都是在WPF开发中面试时经常出现的主题，同时也是构建高效UI的重要工具。 首先，让我们来...
WPF—Triggers触发器
qq_3517289697的博客
08-21 776
介绍 :WPF提供了一个丰富和灵活的图形渲染框架，触发器（Triggers）是其中一个重要的功能。触发器能够用来控制或改变UI元素的属性、样式、甚至行为.
WPF行为（以控件在界面拖动为例）
05-21
WPF-17行为（以控件在界面拖动为例），看见了一段好的例子于是就抄了下来。
wpf中Interaction.Behaviors详解
学习之路，创业之光
08-29 173
这三步中前面几步都是添加Interactions库的支持，对于后面介绍的Trigger和Action也是一样的，只有<ei:MouseDragElementBehavior/>一句才是和Behavior相关的。加上MouseDragElementBehavior后，我们的控件就支持鼠标拖拽移动了，非常给力。在WPF 4.0中，引入了一个比较实用的库——Interactions，这个库主要是通过附加属性来对UI控件注入一些新的功能，除了内置了一系列比较好用的功能外，还提供了比较良好的扩展接口。
WPF – 使用触发器
weixin_30955341的博客
10-29 800
WPF提供了很重要的一个东西就是绑定Binding, 它帮助我们做了很多事情，这个我们在WPF学习之绑定这篇里边有讲过。对于Binding我们可以设置其绑定对象，关系，并通过某种规则去验证输入，或者转换值等等，这一切的背后是省去了很多我们需要自己去处理的代码。而对于WPF最主要表现的东西—渲染UI，当然是我们必须去了解和把握的了。美工设计了很多效果，并把其设计成样式展现（很大程度上我们应该认为St...
WPF之Behavior
weixin_30949361的博客
08-26 208
本文主要是以实现拖动元素作为例子。 创建Behavior： 通常这个类会继承自Behavior<T>，其中T就是此Behavior服务的对象，在此处使用的是UIElement，也就是虽有的UIElement类型的元素都可以使用。 public class DragInCanvasBehavior : Behavior<UIElement> { ...
WPF行为及其触发器使用
qq_37875849的博客
08-20 815
行为是一类事物的共同特征，在WPF中通过行为可以封装一些通用的界面功能，从而实现代码重用来提高开发效率。因此他是一个非常好用的工具。行为将事件和处理方法封装到一起，简化ui界面xaml代码的复杂性和复用性。行为触发器，通常是结合Action使用，InvokeCommandAction、CallMethodAction、ChangePropertyAction。通常情况下不用自己写行为， 直接使用Behaviors包中的行为就行了。（2）触发器（Trigggers）（1）行为（Behaviors）
【WPF】Behavior 行为
xwnxwn的专栏
02-16 664
行为是一类事物的共同特征，在WPF中通过行为可以封装一些通用的界面功能，从而实现代码重用来提高开发效率。因此他是一个非常好用的工具。行为将事件和处理方法封装到一起，简化ui界面xaml代码的复杂性和复用性。通常情况下不用自己写行为， 直接使用Behaviors包中的行为就行了。也可以自定义行为。1.创建一个行为类TextBoxWaterMarkBehavior,继承 Behavior，并指定行为覆盖元素类型UIElement。
WPF中Behavior与Trigger的深入解析及实例应用
首先，我们将从行为(Behavior)与触发器(Trigger)的基本概念入手，详细解析它们的定义、作用以及在WPF中的使用场景。接着，我们将会讨论两者的区别，帮助读者理解在什么情况下应该使用Behavior，而在什么情况下更适合...
WPF中的控件结构示例
10-15
在Windows Presentation Foundation（WPF）中，控件是构建用户界面的基本元素，它们提供了丰富的功能和高度可定制的外观。WPF控件的结构包括多种层次和组件，这些都为开发者提供了极大的灵活性来构建复杂的桌面应用...
WPF触发器使用
03-22
WPF触发器使用，几种常用的用法，仅供参考。
WPF Binding绑定 Command命令基础学习源码
07-24
在WPF（Windows Presentation Foundation）开发中，数据绑定和命令是两个非常重要的概念，它们能够实现界面（View）与业务逻辑（ViewModel）之间的松耦合。让我们深入探讨这两个主题。 **WPF数据绑定（Binding）** ...
WPF中样式和行为和触发器
weixin_34029949的博客
08-15 153
原文:WPF中样式和行为和触发器样式简介：样式(style)是组织和重用格式化选项的重要工具，不是使用重复的标记填充XAML，以便设置外边距、内边距、颜色以及字体等细节。而是创建一系列封装所有这些细节的样式，然后在需要之处通过属性来设置样式。名称空间是System.Windows。 1、样式。 为了理解适合使用样式的集合，分析一个简单的示例，设想需要标准化在窗口中使用的字体，最简单的方式是设置...
WPF 行为的用法（Behavior）
韬光养晦
12-13 3102
WPF 行为的用法（Behavior） 行为的用法有些类似触发器的效果，但是触发器一般只能适用同一种的控件；而一个行为可以用在不同控件下（指定相同的父类）； 示例： 注意先要添加引用System.Windows.Interactivity.dll类库 先新建一个行为类： using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; usin
WPF Behavior 行为
qq_23018459的博客
07-01 344
WPF Behavior 行为 前言行为是一类事物的共同特征，在WPF中通过行为可以封装一些通用的界面功能，从而实现代码重用来提高开发效率。因此他是一个非常好用的工具。 引入dll文件 找到System.Windows.Interactivity.dll文件。 https://download.csdn.net/download/YouyoMei/12200463 然后将其引入到项目中。 创建行为 1.创建一个行为类LightedEffectBehavior,继承Behavior<Framew
WPF Behavior 、Trigger详解|概述、使用场景、区别、示例、源码如何实现
最新发布
qq_42399932的博客
09-08 1152
本文深入探讨WPF中的Trigger和Behavior，两种用于增强控件交互性和功能性的技术。Trigger通过条件自动改变控件样式或行为。Behavior则提供更复杂的交互逻辑，通过可重用的封装行为实现控件行为的动态改变。展示了如何使用这些技术，讨论了它们之间的关系与区别,还介绍了如何通过源码学习实现事件检测和命令执行，以及如何创建自定义Behavior,一些最佳实践和资源链接。
实习笔记WPF行为Behavior
猪猪的博客
01-11 392
实现WPF行为设计,自定义其控件的相应显示效果
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值