DataStateBehavior数据状态行为设置控件可视状态示例

最新推荐文章于 2023-08-01 11:48:49 发布
最新推荐文章于 2023-08-01 11:48:49 发布
阅读量302 收藏
点赞数
分类专栏： WPF 文章标签： WPF 行为 可视状态
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37189288/article/details/121970879
版权
该博客介绍了如何利用XAML中的DataStateBehavior绑定CheckBox的IsChecked属性，通过VisualStateManager控制Grid的视觉状态。在CheckedState和UnCheckedState之间进行平滑过渡，改变Grid的背景颜色。这种技术常见于前端UI交互设计中，用于增强用户体验。
摘要由CSDN通过智能技术生成 
<Grid Background="Transparent">
  <VisualStateManager.VisualStateGroups>
      <VisualStateGroup x:Name="CommonStates">
          <VisualStateGroup.Transitions>
              <VisualTransition GeneratedDuration="0:0:1" To="CheckedState" />
              <VisualTransition GeneratedDuration="0:0:1" To="UnCheckedState" />
          </VisualStateGroup.Transitions>
          <VisualState x:Name="CheckedState">
              <Storyboard>
                  <ColorAnimation
                      Storyboard.TargetProperty="Background.(SolidColorBrush.Color)"
                      To="#A1D6FC"
                      Duration="0:0:0:1" />
              </Storyboard>
          </VisualState>
          <VisualState x:Name="UnCheckedState"/>
      </VisualStateGroup>
  </VisualStateManager.VisualStateGroups>
      <CheckBox Content="复选框"  x:Name="_checkbox">          
          <i:Interaction.Behaviors>
              <ei:DataStateBehavior Binding="{Binding IsChecked,ElementName=_checkbox}" Value="True" TrueState="CheckedState" FalseState="UnCheckedState"/>
          </i:Interaction.Behaviors>
      </CheckBox>
</Grid>

在这里，我们使用Microsoft.Expression.Interactivity.Core中的DataStateBehavior实现，原理是将一个CheckBox 的IsChecked绑定 到DataStateBehavior上面，利用IsChecked属性两种状态来让当前Grid呈现不同的可视状态

重-庆-教-主
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python数据可视化 Pyecharts 制作 Treemap 矩形树图
Mr数据杨
04-19 4万+
大家好，我是Mr数据杨。。这个世界如同三国演义中的战场，旗帜猎猎，硝烟弥漫，谋臣智将们用他们的智慧、勇气，犹如我们用Python的函数、模块，去解决面前的问题。一睹TreeMap：矩形树图的风采。想象一下，这就像是郭嘉用谋略将敌军布阵一览无遗，对数据进行全面细致的梳理，彰显数据之间的关系。在设置中更是可以深化对数据的理解，正如诸葛亮洞悉天下之势一样。有了面包屑导航样式，就如同三国的地图，在数据的世界里，可以自如地游走，无需担心迷失方向。
【WPF】VisualStateManager
weixin_56814032的博客
12-18 1684
<Grid Background="Transparent"> <VisualStateManager.VisualStateGroups> <!--VisualStateGroup:状态组:由相互排斥的状态组成，状态组与状态组并不互斥；--> <VisualStateGroup x:Name="CommonState"> <!--视图状态(Vi...
wpf中的behavior
qq_41617901的博客
11-23 266
<Grid> <StackPanel> <TextBox Width="100" Height="30" Margin="40"> <i:Interaction.Behaviors> <local:EffectBehavior/> </i:Interaction.Behaviors> ..
wpf入门第四篇 VisualState
wf824284257的博客
04-03 5348
前言 本文是wpf入门系列第二篇，面向有winform或者web前端基础的、并且也有C#基础的同学。 在WPF中，View（Window,UserControl等）常常会根据不同的状态来显示不同的内容，比如消息的未读和已读是两种状态，这两种状态下View的表现形式会有所差别。本文将从头开始一个的示例项目，来简单的介绍VisualState的用法。 本文使用了 Visual Studio 2017...
WPF 行为的用法（Behavior）
韬光养晦
12-13 2985
WPF 行为的用法（Behavior） 行为的用法有些类似触发器的效果，但是触发器一般只能适用同一种的控件；而一个行为可以用在不同控件下（指定相同的父类）； 示例： 注意先要添加引用System.Windows.Interactivity.dll类库 先新建一个行为类： using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; usin
Prism应用开发（七）——导航
老程序员
07-12 4593
导航可以分为两种：通过visual tree上控件状态变化的导航（例如，变化展现形式）称为State-based导航，通过在visual tree上增加或移除元素的导航被称为view-based导航，Prism对两种导航都提供了支持。 一、State-based导航 用不同的格式或者Style展现数据 情景： 上面的例子中，同样的数据被通过两种方式展现出来，列表形式和图标形式。因为
Android获取状态栏高度,动态设置控件高度
帅次的博客
10-21 8626
获取状态栏高度//获取status_bar_height资源的ID int resourceId = getResources().getIdentifier("status_bar_height", "dimen", "android"); if (resourceId &gt; 0) { //根据资源ID获取响应的尺寸值 int statusBarHeight = getRes...
Android设置checkbox为选中状态
黎国溥
06-23 9811
在xml中可以用ischeck:true来设置默认为选中状态。 在activity中可以用setChecked(true);来设置为选中状态。 在activity中可以用setChecked(fasle);来设置为选中状态。 isChecked();语句为判断是否选中，返回一个boolean值。 原文地址：https://blog.csdn.net/QPC90869475...
C#实现状态栏提示信息功能的示例
12-26
本功能是在winform平台上实现的，其他平台大同小异，不多做介绍。 1.首先创建一个测试用winform窗体 2.在winform窗体上添加一个notifyIcon控件 然后设置notifyIcon属性，可...然后设置Icon属性（必须设置，否则状态
C# WPF 父控件通过使用可视化树找到子控件的示例代码
12-26
如果你是比我还白的小白，对我刚刚陈述的东西不清楚，接下来我简单说一下什么是把控件放在数据模板中，怎么样的情况没法后台通过名字来获取控件，如果读者对于数据模板这些事儿已经清楚了，或者只关心如何使用可视化...
pb 状态栏 示例 两种方式
07-05
综合上述信息，我们可以得出结论：这个示例项目展示了如何在PowerBuilder中通过标准控件和数据窗口两种方法实现状态栏功能，并且提供了相应的图标资源和项目文件，便于学习和参考。开发者可以通过研究这些文件，了解...
C#状态波形图控件
08-15
通过运行这个测试程序，开发者可以学习如何设置和操作控件，以及如何传递和处理数据。 使用这个控件时，开发者需要考虑以下几个关键点： - **数据绑定**：状态波形图需要数据来生成图形，因此开发者需要了解如何将...
关于WPF中Command绑定传参数以及将命令绑定到其它事件的方法
热门推荐
qq_37189288的博客
12-15 1万+
前言：在WPF中，将命令绑定到一个Button的Command属性中是非常简单的事情，例如： <Button Content="单击命令" Command="{Binding ClickCommand}"/> 但是很多时候，我们要实现其它事件的命令绑定，以此实现彻底的MVVM开发模式，那就得用到微软另外一个神器了！它就是程序集System.Windows.Interactivity，在网上可以下载System.Windows.Interactivity.dll这个库文件。 当然，在mvvmli
WPF中Command和CommandParameter绑定写法
qq_37189288的博客
05-13 7912
<Button Content="操作" Command="{Binding 命令名称}" CommandParameter="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=DataGrid}, Path=SelectedItem}" /> RelativeSource可以将某个控件作为参数转递给Command里面； 它有三个常用属性 //RelativeSou
C#+WPF上位机开发（模块化+反应式）作者:重庆教主
最新发布
qq_37189288的博客
08-01 4039
程序员往往会将一个大型的软件项目拆分成小项目（模块），比如上位机系统中会接入各种硬件（工业相机、PLC、数据采集器、扫码枪、控制卡等），良好的软件架构思路是将同一种类型的硬件抽象成一个硬件抽象类，然后，不同型号的硬件与继承这个抽象基类，实现各自硬件的业务逻辑（加载硬件、打开硬件、使用硬件、关闭硬件），要实现这些开发，Prism的模块就派上用场了。第三，是数据库模块。第二、是硬件模块，上位机开发离不开硬件的接入，而不同的上位机系统，其接入的硬件也是五花入门，比如MES系统，可能最常见的硬件是PLC、扫码枪；
WPF中TextBox输入框利用Validation进行数据验证
qq_37189288的博客
06-29 4004
//继承一个ValidationRule,重写Validate方法 public class NumberValidationRule : ValidationRule { public override ValidationResult Validate(object value, CultureInfo cultureInfo) { double myValue = 0; if (double.TryParse(va
美化WPF中TextBox的Style样式
qq_37189288的博客
10-29 3797
最后项目中美工给出了一套设计方案，需要修改Textbox控件的样式，于是修改一下默认的样式和模板 <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:converter="clr-n
WPF中利用Ellipse或Rectangle实现圆形进度条
qq_37189288的博客
12-17 3077
效果如下 上面两个进度条，分别利用了Ellipse或Rectangle的StrokeThickness属性和StrokeDashArray属性，StrokeDashArray是设置边框长度，但要根据StrokeThickness的厚度进行相关于周长的转换。 转换函数如下 /// <summary> /// 计算进度条百分比 /// </summary> /// <param name="progress">百分比0-100</param> /// <p
WPF中ListView的漂亮样式与自定义模板
qq_37189288的博客
09-22 2909
写一个 ListView控件后，绑定上数据和设置好style即可。然后设置ItemTemplate模板，这里设置每一行具体的样式、布局等。接下来，我们看看前端XAML调用。上面是Template模板设置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值