C# WPF编程-元素绑定

C# WPF编程-元素绑定

  • 将元素绑定到一起
    • 绑定表达式
    • 绑定错误
    • 绑定模式
    • 代码创建绑定
    • 移除绑定
    • 使用代码检索绑定
    • 多绑定
    • 绑定更新
    • 绑定延时
  • 绑定到非元素对象
    • Source属性
    • RelativeSource属性
    • DataContent属性

数据绑定是一种关系，该关系告诉WPF从源对象提取一下信息，并用这些信息设置目标对象的属性。目标属性始终是依赖项属性，通常位于WPF元素中，WPF数据绑定的最终目标是在用户界面中显示一下信息。

将元素绑定到一起

数据绑定的最简单情形是，源对象是WPF元素而且源属性是依赖项属性。依赖项属性具有内置的更改通知支持。当源对象中改变属性值时会立即更新目标对象中的绑定属性。

常用的绑定属性字段：

  • ElementName：绑定元素名称
  • Path：绑定值
  • Mode：绑定模式
  • UpdateSourceTrigger：绑定更新方式
  • Delay：延时时间
<TextBlock x:Name="textFontSize"Text="{Binding ElementName=textInput, Path=Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged,Delay=500}"></TextBlock>

简单示例，通过Slider控制TextBlock文本字体大小：

    <StackPanel><Slider x:Name="sliderFontSize" Margin="3" Minimum="1" Maximum="40" Value="10"TickFrequency="1" TickPlacement="TopLeft"></Slider><TextBlock x:Name="textBlock" Margin="10" Text="简单文本内容"FontSize="{Binding ElementName=sliderFontSize, Path=Value}"></TextBlock></StackPanel>

在这里插入图片描述

绑定表达式

  • 数据绑定表达式使用XAML标记扩展。因为正在创建System.Windows.Data.Binding类的一个实例，所以绑定表达式以单词Binding开头。至少需要设置两个属性：ElementName属性（指示源元素）和Path属性（指示源元素中的属性）。
  • 如果希望引用附加属性（在另一个类中定义但应用于绑定元素的属性），需要再圆括号中封装属性名称。如，绑定到Grid控件中的某个元素，路径（Grid.Row）将检索放置元素的行号。

绑定错误

WPF不会引发异常来通知与数据绑定相关的问题。如果指定元素或属性不存在，那么不会收到任何指示；

绑定模式

数据绑定的一个特性是目标会被自动更新，而不考虑源的修改方式。

BindingMode枚举值

名称说明
OneWay当源属性变化时更新目标属性
TwoWay当源属性变化时更新目标属性，并且当目标属性变化时更新源属性
OneTime最初根据源属性值设置目标属性。
OneWayToSource与OnWay类型类似，但方向相反。当目标属性变化时更新源属性。
Default此类绑定依赖于目标属性。既可以是双向的，也可以是单向的。除非明确指定了另一种模式，否则所有绑定都使用该方法

在这里插入图片描述

示例，双向绑定模式：

<StackPanel><Slider x:Name="sliderFontSize" Margin="3" Width="500" Minimum="1" Maximum="40" Value="10"TickFrequency="1" TickPlacement="TopLeft"></Slider><TextBlock x:Name="textBlock" Margin="10" Text="简单文本内容"FontSize="{Binding ElementName=sliderFontSize, Path=Value, Mode=TwoWay}"></TextBlock><Button x:Name="smallBtn" Margin="10" Width="100" Click="smallBtn_Click">小字体</Button><Button x:Name="largeBtn" Margin="10" Width="100" Click="largeBtn_Click">大字体</Button>
</StackPanel>

private void smallBtn_Click(object sender, RoutedEventArgs e)
{textBlock.FontSize = 15;
}private void largeBtn_Click(object sender, RoutedEventArgs e)
{textBlock.FontSize = 30;
}

在这里插入图片描述

代码创建绑定

在构建窗口时，在XAML标记中使用Binding标记扩展来声明绑定表达式通常最高效。但也可以使用代码来创建绑定：

示例，代码创建绑定：

Binding binding = new Binding();
binding.Source = sliderFontSize;
binding.Path = new PropertyPath("Value");
binding.Mode = BindingMode.TwoWay;
blockText.SetBinding(TextBlock.FontSize, binding);

移除绑定

可以通过代码使用BindingOperation类的两个静态方法移除绑定。

  • ClearBinding()方法：使用依赖项属性的引用作为参数，删除指定的数据绑定；
  • ClearAllBinding()方法：为元素删除所有数据绑定；

BindingOperation.ClearAllBinding(blockText);

需要使用代码绑定的一些特殊情况：

  • 创建动态绑定
  • 删除绑定

使用代码检索绑定

可使用代码检索绑定并检查其属性，而不必考虑绑定最初是用代码还是标记创建的。
获取绑定信息的两种方式：

  1. 使用静态方法BindingOperations.GetBinding()来检索相应的Binding对象。需要提供两个参数：绑定元素以及具有绑定表达式的属性。
<TextBlock x:Name="textBlock" Margin="10" Text="简单文本内容"FontSize="{Binding ElementName=sliderFontSize, Path=Value"></TextBlock>

Binding binding = BindingOperations.GetBinding(textBlock, TextBlock.FontSize);

一旦获取到绑定对象，就可以检查其属性。如：

  • Binding.ElementName:绑定元素名；
  • Binding.Path：绑定值；
  • BindingMode：绑定模式；
  1. 通过调用BindingOperations.GetBindingExpression()方法获得更实用的BindingExpression对象：
    BindingExpression expression = BindingOperations.GetBingdingExpression(textBlock, TextBlock.FontSize);
	// 获取源元素Slider boundObj = (Slider)expression.ResolvedSource;string boundData = boundObj.FontSize;

多绑定

可以绑定元素的多个属性。

示例：绑定了 TextBlock元素的 FontSize，Text 和 Foreground三个属性

<StackPanel Width="500"><Slider x:Name="sliderFontSize" Minimum="10" Maximum="40" Value="20"></Slider><TextBox x:Name="textInput">请输入内容</TextBox><ListBox x:Name="listboxColor" SelectedIndex="0"><ListBoxItem Foreground="Red">Red</ListBoxItem><ListBoxItem Foreground="Green">Green</ListBoxItem><ListBoxItem Foreground="Blue">Blue</ListBoxItem></ListBox><TextBlock x:Name="textShow" Margin="5"FontSize="{Binding ElementName=sliderFontSize, Path=Value}"Text="{Binding ElementName=textInput, Path=Text}"Foreground="{Binding ElementName=listboxColor, Path=SelectedItem.Foreground}"></TextBlock>
</StackPanel>

在这里插入图片描述

绑定更新

绑定数据的更新行为由Binding.UpdateSourceTrigger属性控制，枚举值有：

名称说明
PropertyChanged当目标属性发生变化时立即更新源
LostFocus当目标属性发生变化并且目标丢失焦点时更新源
Explicit除非调用BindingExpression.UpdateSource()方法，否则无法更新源
Default更加目标属性的元素数据确定更新行为

例如，添加了UpdateSourceTrigger=PropertyChanged

<TextBlock x:Name="textFontSize"Text="{Binding ElementName=textInput, Path=Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"></TextBlock>

绑定延时

下极少数情况下，需要防止数据绑定触发操作和修改源对象，至少需要延迟一段时间。这种情况可以使用Binding对象的Delay属性。等待数毫秒，之后再提交更改。

例如：添加了Delay=500

<TextBlock x:Name="textFontSize"Text="{Binding ElementName=textInput, Path=Text, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged,Delay=500}"></TextBlock>

绑定到非元素对象

在数据驱动的应用程序中，更常见的情况是创建从不可见对象中提取数据的绑定表达式。唯一要求是希望显示的信息必须存储在公有属性中。WPF数据绑定基础结构不能获取私有信息或公有字段。
当绑定到非元素对象时，需要放弃Binding.ElementName属性，并使用以下属性中的一个：

  • Source：该属性是指向源对象的引用，也就是提供数据的对象。
  • RelativeSource：这是引用，使用RelateveSource对象指向源对象。有了这个附加层，可在当前元素的基础上构建引用。
  • DataContext：如果没有使用Source或RelativeSource属性指定源，WPF就从当前元素开始在元素树中向上查找。检查每个元素的DataContext属性，并使用第一个非空的DataContext属性。

Source属性

Source属性非常简单。唯一的问题是为了进行绑定，需要具有数据对象。有多种方法获取数据对象。可从资源中提取数据对象，可通过编写代码生成数据对象，也可在数据提供程序的帮助下获取数据对象。

  1. 最简单的选择是将Source属性指向一些已经准备好了的静态对象。如，使用来自.NET类库的组件：
<TextBlock Text="{Binding Source={x:Static SystemFonts.IconFontFamily},Path=Source}"></TextBlock>

这个绑定表达式获取由静态属性SystemFonts.IconFontFamily提供的FontFamily对象。注意需要借助静态标记扩展Static。

  1. 绑定到先前作为资源创建的对象。如,标记创建指向Calibri字体的FontFamily对象：
<Window.Resources><FontFamily x:Key="CustomFont">Calibri</FontFamily>
</Window.Resources>

TextBlock元素会被绑定到该资源：

<TextBlock Text="{Binding Source={StaticResource CustomFont}, Path=Source}"></TextBlock>

RelativeSource属性

通过RelativeSource属性可根据相对目标对象的关系指向源对象。例如，可使用RelativeSource属性将元素绑定到自身或其父元素。RelativeSource对象使用FindAncestor模式，该模式告知查找到元素树直到发现AncestorType属性定义的元素类型。

<TextBlock><TextBlock.Text><Binding Path="Title"><Binding.RelativeSource><RelativeSource Mode="FindAncestor" AncestorType="{x:Type Window}"/></Binding.RelativeSource></Binding></TextBlock.Text>
</TextBlock>

在这里插入图片描述

编写绑定更常用的方法是使用Binding和RelativeSource标记扩展，将其合并到一个字符串种，如下所示：

        <TextBlock Text="{Binding Path=Title, RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}}"></TextBlock>

RelativeSourceMode 枚举值

名称说明
self表达是绑定到同一元素的另一个属性上
FindAncestor表达式绑定到父元素。
PreviousData表达式绑定到数据绑定列表的前一个数据项。在列表元素中会使用到这种模式
TemplateParent表达式绑定到应用模板的元素。只有当绑定位于控件模板或数据模板内部时，这种模式才能工作。

DataContent属性

在某些情况下，会将大量元素绑定到同一个对象。

可使用和设置Binding.Source属性相同的方法设置元素的DataContext属性。

    <StackPanel DataContext="{x:Static SystemFonts.IconFontFamily}"><TextBlock Text="{Binding Path=Source}"></TextBlock></StackPanel>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/593583.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

JAVA八股--redis

JAVA八股--redis

JAVA八股--redis 如何保证Redis和数据库数据一致性redisson实现的分布式锁的主从一致性Redis脑裂现象及解决方案介绍I/O多路复用模型undo log 和 redo log&#xff08;没掌握MyISAM 和 InnoDB 有什么区别&#xff1f; 如何保证Redis和数据库数据一致性 关于异步通知中消息队列…
阅读更多...
高并发高性能接口中，异步打印并采集业务日志的实现方案

高并发高性能接口中，异步打印并采集业务日志的实现方案

一、背景 高并发接口中&#xff0c;为了提高接口的高性能&#xff0c;在需要保存审计及操作记录的时候&#xff0c;往往有以下常见方案&#xff1a; 保存到redis数据库异步保存到mysql/mongodb/es等数据库logger打印业务日志&#xff0c;采集与展示则交由elk模块 对于第一种…
阅读更多...
吃豆豆 经典的区间DP 好题典题

吃豆豆 经典的区间DP 好题典题

这里很巧妙的注意一点是&#xff0c;你最后要把所有的豆子都吃掉&#xff0c;所以你只要看你多增加的尽量的少就好了 然后维护一段区间&#xff0c;表示的是吃掉这段区间里面的所有豆子的最小代价&#xff0c;然后发现最后一个是左端点或者右端点 你吃一段新的区间的同时会把…
阅读更多...
设计模式总结-面向对象设计原则

设计模式总结-面向对象设计原则

面向对象设计原则 面向对象设计原则简介单一职责原则单一职责原则定义单一职责原则分析单一职责原则实例 开闭原则开闭原则定义开闭原则分析开闭原则实例 里氏代换原则里氏代换原则定义里氏代换原则分析 依赖倒转原则依赖倒转原则定义依赖倒转原则分析依赖倒转原则实例 接口隔离…
阅读更多...
下载图片的程序

下载图片的程序

import requests from lxml import etree class TianJiPlc: def init(self): self.url_home_page“https://wap.yesky.com/pic/” self.headers{‘User-Agent’: ‘Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.45 Sa…
阅读更多...
笔记本电脑win7 Wireless-AC 7265连不上wifi6

笔记本电脑win7 Wireless-AC 7265连不上wifi6

1.背景介绍 旧路由器连接人数有限&#xff0c;老旧&#xff0c;信号不稳定更换了新路由器&#xff0c;如 TL-XDR5430易展版用户电脑连不上新的WIFI网络了&#xff0c;比较着急 核心问题&#xff1a;有效解决笔记本连接wifi上网问题&#xff0c;方法不限 2.环境信息 Windows…
阅读更多...
设计模式——建造者模式03

设计模式——建造者模式03

工厂模式注重直接生产一个对象&#xff0c;而建造者模式 注重一个复杂对象是如何组成的&#xff08;过程&#xff09;&#xff0c;在生产每个组件时&#xff0c;满足单一原则&#xff0c;实现了业务拆分。 设计模式&#xff0c;一定要敲代码理解 组件抽象 public interface …
阅读更多...
C++ 注册Nacos

C++ 注册Nacos

下载源码&#xff1a; git clone GitHub - nacos-group/nacos-sdk-cpp: C client for Nacos 编译源码 cd nacos-sdk-cpp cmake . make 生成库文件 在nacos-sdk-cpp 下 注册nacos 将include 和libnacos-cli.so libnacos-cli-static.a 放入你的工程 如果Nacos服务地址:…
阅读更多...
AI Kimi：帮助教师做好试卷命题

AI Kimi：帮助教师做好试卷命题

原文&#xff1a;https://www.toutiao.com/article/7353661304307778083/?log_fromcfd0a50014034_1712243146922 最近&#xff0c;Kimichat工具很火。这款软件不仅仅是一个聊天和阅读工具&#xff0c;还是一个强大的教学辅助工具。作为一位教师&#xff0c;尝试使用Kimichat&…
阅读更多...
HTML：框架

HTML：框架

案例&#xff1a; <frameset cols"5%,*" ><frame src"left_frame.html"><frame src"right_frame.html"> </frameset> 一、<frameset>标签 <frameset>标签&#xff1a;称为框架标记&#xff0c;将一个HTML…
阅读更多...
JAVA毕业设计132—基于Java+Springboot+Vue的自习室座位预约小程序管理系统(源代码+数据库)

JAVA毕业设计132—基于Java+Springboot+Vue的自习室座位预约小程序管理系统(源代码+数据库)

毕设所有选题&#xff1a; https://blog.csdn.net/2303_76227485/article/details/131104075 基于JavaSpringbootVue的自习室座位预约小程序管理系统(源代码数据库)132 一、系统介绍 本项目前后端分离带小程序&#xff0c;分为管理员、用户两种角色 1、用户&#xff1a; 注…
阅读更多...
分享webgl魔幻星球

分享webgl魔幻星球

界面截图 webgl 是在网页上绘制和渲染三维图形的技术&#xff0c;可以让用户与其进行交互。divcss、canvas 2d 专注于二维图形。 对公司而言&#xff0c;webgl 可以解决他们在三维模型的显示和交互上的问题&#xff1b;对开发者而言&#xff0c;webgl 可以让我们是实现更多、更…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023