WPF元素绑定

简介: 原文:WPF元素绑定数据绑定简介:数据绑定是一种关系,该关系告诉WPF从源对象提取一些信息,并用这些信息设置目标对象的属性。目标属性是依赖项属性。源对象可以是任何内容,从另一个WPF元素乃至ADO.NET数据对象(如DataTable)或自行创建出数据对象。
原文: WPF元素绑定

数据绑定简介:数据绑定是一种关系,该关系告诉WPF从源对象提取一些信息,并用这些信息设置目标对象的属性。目标属性是依赖项属性。源对象可以是任何内容,从另一个WPF元素乃至ADO.NET数据对象(如DataTable)或自行创建出数据对象。绑定用的是Binding类的一个实例,用的名称空间是:System.Windows.Data;

1、绑定表达式。

数据绑定表达式使用的是XAML标记扩展(因此具有花括号),用到的是System.Windows.Data.Bingding类的一个实例,所以绑定表达式以单词Binding开头,还需要两个额外的属性:Element属性(源元素)和Path属性(源元素中的属性)

基本语法是:{Binding ElementName=源元素 Path=源属性}

2、将元素绑定到一起。

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

XAML代码: 

<Window x:Class="元素绑定.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel>
        <Slider Name="slider1" Minimum="0" Maximum="50"></Slider>
        <!--通过标记扩展和Binding关键字进行绑定,
            ElementName=slider1:绑定的源元素是Slider,
            Path=Value:绑定的属性是Slider的Value属性。
        -->
        <TextBlock FontSize="{Binding ElementName=slider1, Path=Value}">Hello,World!</TextBlock>
    </StackPanel>
</Window>

效果图:

 3、绑定错误。 

WPF如果绑定失败,不会引发异常来通知与数据绑定相关的问题,可以通过调试- - - - ->窗口- - - - ->输出进行查看。

4、绑定模式。 

BindingMode常用枚举值
名称 说明
OneWay 当源属性变化时更新目标属性(目标属性变化时,源属性不会变化)
TwoWay 源属性变化时更新目标属性,目标属性变化时更新源属性。
OneTime 最初根据源属性设置目标属性,其后所有的改变都会被忽略(直到调用BindingExpression.UpdateTarget()方法才会更新)
OneWayToSource 与OneWay类型类似,但方向相反,当目标属性变化时更新源属性,但目标属性永远不会被更新。

 

 

 

 

 

 

5、使用代码创建绑定。

 在XAML标记中使用Binding标记扩展来声明绑定表达式的效率是最高的。当然,也可以使用代码建立绑定。

XAML代码: 

<Window x:Class="元素绑定.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <StackPanel>      
        <Slider Name="slider1" Minimum="0" Maximum="50" ></Slider>       
        <TextBlock Name="textBox1">Hello,World!</TextBlock>
    </StackPanel>
</Window>

 后台代码: 

/// <summary>
/// MainWindow.xaml 的交互逻辑
/// </summary>
public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();
        this.Loaded += MainWindow_Loaded;
    }

    void MainWindow_Loaded(object sender, RoutedEventArgs e)
    {
        //实例化Binding对象。
        Binding binding = new Binding();
        //设置绑定源对象。
        binding.Source = slider1;
        //设置绑定源属性。
        binding.Path = new PropertyPath("Value");
        //设置绑定源的模式。
        binding.Mode = BindingMode.TwoWay;
        //为textBox1元素设置绑定(绑定需要两个参数,一个是依赖属性,另一个是绑定对象)。
        textBox1.SetBinding(TextBox.FontSizeProperty, binding);
    }
}

6、移除绑定。

可使用BindingOperation类的ClearBinding()静态方法和ClearAllBindings()静态方法移除绑定。

//移除绑定的对象。
BindingOperations.ClearAllBindings(textBox1);
//两个参数,移除绑定的对象和移除绑定的依赖项属性。
BindingOperations.ClearBinding(textBox1, TextBox.FontSizeProperty);

 7、多绑定。

就是在一个元素上为多个属性绑定。

XAML代码: 

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    
    <Slider Name="slider1" VerticalAlignment="Center" Minimum="10" Maximum="150"></Slider>
    <TextBox Name="textbox1" Margin="20" Grid.Row="1"></TextBox>
    <TextBlock Grid.Row="2" FontSize="{Binding ElementName=slider1,Path=Value}" Text="{Binding ElementName=textbox1,Path=Text}" HorizontalAlignment="Center" VerticalAlignment="Center"></TextBlock>
</Grid>

 效果图:

 

8、绑定更新。 

一般情况下,TextBox的绑定更新是失去焦点以后才会应用到元素上,如果把UpdateSourceTrigger设置为PropertyChange,就会实时更新了。UpdateSourceTrigger常用枚举值如下。

UpdateSourceTrigger枚举值
名称 说明
PropertyChange 当目标属性发生变化时立即更新源
LostFocus 当目标属性发生变化且目标属性丢失焦点时更新源
Explict 除非调用BindingExpression.UpdateSource()方法,否则无法更新源(验证情况下,使用这个,在触发事件的过程调用BindingExpression.UpdateSource()方法)。
Default 默认效果和大多数元素都是PropertyChange,但TextBox属性的默认行为是LostFocus

 

 

 

 

 

 

9、绑定延迟。

在极少数情况下,需要防止数据绑定触发操作和修改源对象,至少在某一时间段是这样的,这个时候可以使用Binding对象的Delay属性,单位是毫秒。如Delay=5000,就是5秒后才更新。

10、绑定到非元素。

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

10.1)、Source。

source该属性是指向源对象的引用(提供数据的对象),说白了就是为源数据赋值的地方。

例子1:将Source属性指向已经准备好的静态对象

 <TextBlock Text="{Binding Source={x:Static SystemFonts.StatusFontFamily},Path=Source}" FontSize="20"></TextBlock>

这个绑定表达式获取由静态属性属性SystemFonts.StatusFontFamily提供的FontFamily对象,设置Binding.Source属性时,需要借助静态标记扩展然后将Binding.Path属性设置为FontFamily.Source属性。该属性给出了字体家族的名称。

例子2:绑定到先前创建好的资源对象。 

<!--定义资源-->
<Window.Resources>
    <FontFamily x:Key="ResourceFamily">Hello,World</FontFamily>
</Window.Resources>
<!--引用资源--> <TextBlock Text="{Binding Source={StaticResource ResourceFamily},Path=Source}"></TextBlock>

10.2)、RelativeSource。

RelativeSource:这是引用,使用RelativeSource对象指向源对象,RelativeSource是一种特殊工具,当编写控件模板以及数据模板时是很方便的。Relative属性可根据相对目标对象的关系指向源对象,例如可使用RelativeSource属性将元素绑定到自身或其父元素(不知道在元素树中从当前元素到绑定的父元素之间有多少代)。

RelativeSourceMode枚举值
Self 表达式绑定到统一元素的另一元素上。
FindAncestor

表达式绑定到父元素,WPF查找元素树直至发现期望的父元素,为了指定父元素,还必须设置AncestorType属性以指示希望查找的父元素的类型,还可以使用AncestorLevel属性略过发现的一定数量的特定元素。例如,

当在一棵树中查找时,如果希望绑定到第三个ListBox类型的元素,应当设置:AncestorType={x:Type ListBoxItem};并且设置AncestorLevel=3,从而略过前两个ListBoxItem元素,默认情况下AncestorLevel属性

设置为1,找到第一个匹配的元素时停止查找。

PreviousData 表达式绑定到数据绑定列表的前一个数据项,在列表项中使用这种模式。
TemplateParent 表达式绑定到应用模板的元素。

 

 

 

 

 

 

 

 

例子: 

<StackPanel> 
    <!--方式1、绑定到父元素上-->
    <TextBlock Height="100">           
        <TextBlock.Text>
            <Binding Path="Title"> <!--创建Binding对象和设置绑定路径为Title-->
                <Binding.RelativeSource>
                    <RelativeSource Mode="FindAncestor" AncestorType="{x:Type Window}"></RelativeSource> <!--设置绑定模式和父元素的类型-->
                </Binding.RelativeSource>
            </Binding>
        </TextBlock.Text>
    </TextBlock>

    <!--方式2、绑定到父元素上-->
    <TextBox Text="{Binding Path=Title, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Window}}}"></TextBox>
        
    <!--绑定到自身上面,绑定属性为自身的高-->
    <TextBox Height="50" Text="{Binding Path=Height, RelativeSource={RelativeSource Mode=Self}}"></TextBox>
</StackPanel> 

10.3)、DataContent。

DataContent:如果没有使用Source或RelativeSource属性指定源,WPF就从当前元素开始在元素树中向上查找,检查每个元素的DataContext属性,并使用第一个非空的DataContext属性,当要将同一个对象的多个属性绑定到不同的元素时,DataContext属性是非常有用的,因为可以在更高的容器对象上设置DataContext属性。 

<!--定义一个静态资源-->
<Window.Resources>
    <FontFamily x:Key="SourceFamily" >Hello,World</FontFamily>
</Window.Resources>

<!--通过Source普通引用-->
<StackPanel>
    <TextBlock Text="{Binding Source={StaticResource SourceFamily},Path=Source}"></TextBlock>
    <TextBlock Text="{Binding Source={StaticResource SourceFamily},Path=Source}"></TextBlock>
    <TextBlock Text="{Binding Source={StaticResource SourceFamily},Path=Source}"></TextBlock>
</StackPanel>

<!--通过DataContext形式-->
<StackPanel>
    <TextBlock Text="{Binding Source={StaticResource SourceFamily},Path=Source}"></TextBlock>
    <TextBlock Text="{Binding Source={StaticResource SourceFamily},Path=Source}"></TextBlock>
    <TextBlock Text="{Binding Source={StaticResource SourceFamily},Path=Source}"></TextBlock>
</StackPanel>

<!--通过DataContext属性进行绑定-->
<StackPanel DataContext="{StaticResource SourceFamily}">
    <TextBlock Text="{Binding }"></TextBlock> <!--直接写一个Binding绑定即可-->
    <TextBlock Text="{Binding }"></TextBlock>
    <TextBlock Text="{Binding Path = source}"></TextBlock>
</StackPanel>

 End!

目录
相关文章
WPF—多重绑定和跨层级绑定
WPF—多重绑定和跨层级绑定
|
C# 数据格式 XML
WPF 资源(StaticResource 静态资源、DynamicResource 动态资源、添加二进制资源、绑定资源树)
原文:WPF 资源(StaticResource 静态资源、DynamicResource 动态资源、添加二进制资源、绑定资源树) 一、WPF对象级(Window对象)资源的定义与查找 实例一: StaticR...
8046 0
|
9月前
|
C# 数据库
WPF中DataGrid控件绑定数据源
WPF中DataGrid控件绑定数据源
117 0
|
C#
WPF更新绑定字段
WPF更新绑定字段
72 0
|
前端开发 C#
WPF 之 数据与命令绑定 (MVVM方式)
WPF 之 数据与命令绑定 (MVVM方式)
160 0
WPF 之 数据与命令绑定 (MVVM方式)
|
C#
WPF 绑定父类属性
原文:WPF 绑定父类属性 1.绑定父控件的属性. 1 2 3 4 5 6 7 8 9 发现问题,父控件的属性如果是后期加载的,别如说Width或者Height不是固定的数值,那么绑定时没有效果的。
1233 0
|
C# 前端开发
WPF如何得到一个在用户控件内部的元素的坐标位置
原文:WPF如何得到一个在用户控件内部的元素的坐标位置 例如有这样一个用户控件: 这是主窗口: ...
1371 0
|
C# 前端开发
wpf中的datagrid绑定操作按钮是否显示或者隐藏
如图,需要在wpf中的datagrid的操作那列有个确认按钮,然后在某些条件下确认按钮可见,某些情况下不可见的,放在mvc里直接在cshtml页面中if..else就行了。 但是在wpf里不行。。网上搜索了好久才找到解决方法,原来只是binding那个visiable属性就行了,
6847 0
|
C#
WPF—TreeView无限极绑定集合形成树结构
原文:WPF—TreeView无限极绑定集合形成树结构 1.如图所示:绑定树效果图   2.前台Xaml代码:                                                                                          ...
1224 0
|
前端开发 C#
WPF ContextMenu 在MVVM模式中绑定 Command及使用CommandParameter传参
原文:WPF ContextMenu 在MVVM模式中绑定 Command及使用CommandParameter传参 ContextMenu无论定义在.cs或.xaml文件中,都不继承父级的DataContext,所以如果要绑定父级的DataContext,直接DataContext=“{Bind...
3246 0