无为清净楼资源网 Design By www.qnjia.com

一、WPF数据绑定的概要

数据绑定:是应用程序 UI 与业务逻辑之间建立连接的过程。 如果绑定正确设置并且数据提供正确通知,则当数据的值发生更改时,绑定到数据的视觉元素会自动反映更改。 数据绑定可能还意味着如果视觉元素中数据的外部表现形式发生更改,则基础数据可以自动更新以反映更改。

例如:如果用户编辑 TextBox 元素中的值,则基础数据值会自动更新以反映该更改。

1. 数据绑定涉及到两个方面:

一个是绑定源,一个是绑定目标。绑定源即控件绑定所使用的源数据,绑定目标即数据显示的控件。

2. 对于绑定源,在WPF可以是以下四种:

"codetitle">复制代码 代码如下:
<Page x:Class="WpfDemo.Page1"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="Page1" HorizontalAlignment="Center">

        <Grid Name="GridTable" Height="360" Background="Silver">

            <Grid.RowDefinitions>

                <RowDefinition></RowDefinition>

                <RowDefinition></RowDefinition>

                <RowDefinition></RowDefinition>

                <RowDefinition></RowDefinition>

            </Grid.RowDefinitions>

            <Grid.ColumnDefinitions>

            <ColumnDefinition Width="130"></ColumnDefinition>

            <ColumnDefinition Width="150"></ColumnDefinition>

            <ColumnDefinition Width="20"></ColumnDefinition>

            </Grid.ColumnDefinitions>

        <Label Width="130" Height="25"  Grid.Row="0" Grid.Column="0"  Name="label1">TwoWay</Label>

        <TextBox Width="150" Height="25"  Grid.Row="0" Grid.Column="1"  Name="textBox4" Text="{Binding ElementName=scrollBar1,Path=Value,Mode=TwoWay}" />

        <Label Width="130" Height="25"  Grid.Row="1" Grid.Column="0"  Name="label2">OneWay</Label>

        <TextBox Width="150" Height="25"  Grid.Row="1" Grid.Column="1"   Name="textBox1" Text="{Binding ElementName=scrollBar1, Path=Value,Mode=OneWay}"/>

        <Label Width="130" Height="25"  Grid.Row="2" Grid.Column="0"  Name="label3">OneWayToSource</Label>

        <TextBox Width="150" Height="25"  Grid.Row="2" Grid.Column="1"   Name="textBox2" Text="{Binding ElementName=scrollBar1, Path=Value,Mode=OneWayToSource}" />

        <Label Width="130" Height="25"  Grid.Row="3" Grid.Column="0"  Name="label4">OneTime</Label>

        <TextBox Width="150" Height="25"  Grid.Row="3" Grid.Column="1"   Name="textBox3" Text="{Binding ElementName=scrollBar1, Path=Value,Mode=OneTime}"/>

         <ScrollBar Value="30" Minimum="0" Grid.RowSpan="4" Grid.Row="0" Grid.Column="2" Maximum="100" Name="scrollBar1" Width="18" Height="{Binding ElementName=GridTable,Path=Height}" />

        </Grid>

</Page>

根据程序执行结果,我们可以得到以下结论:

对于OneWay绑定:在界面中显示的数据可以随数据源的值的变化而变化,但更改界面的数据不会影响到数据源。

对于TwoWay绑定:界面中显示的数据及数据源的数据可以双向显示及更新。

对于OneWayToSource绑定:初始时界面的数据为空;更改界面的数据可以影响数据源的值,但是更改数据源的值不会体现在界面上。

对于OneTime绑定:在界面中显示的为数据源的初始值,更改数据源的值的时候,不会更改界面的数据显示;更改界面的数据也不会影响到数据源的数据。

三、绑定目标值影响绑定源值条件

问题:绑定源的值是在您编辑文本的同时进行更新,还是在您结束编辑文本并将鼠标指针从文本框移走后才进行更新呢?或者在您需要更新的情况下在手动的更新呢?

1. UpdateSourceTrigger 属性是确定触发源更新的原因。

下图中右箭头的点演示 UpdateSourceTrigger 属性的角色:

TwoWay及OneWayToSource是由绑定目标到绑定源方向,若实现绑定目标的值更改影响绑定源的值方式,只需要设置相应控件绑定时的UpdateSourceTrigger的值,其值有三种:

PropertyChanged:当绑定目标属性更改时,立即更新绑定源。

LostFocus:当绑定目标元素失去焦点时,更新绑定源。

Explicit:仅在调用 UpdateSource 方法时更新绑定源。

注释:多数依赖项属性的UpdateSourceTrigger 值的默认值为 PropertyChanged,而 Text 属性的默认值为 LostFocus。

2. 示例

复制代码 代码如下:
XAML:

 


<Page x:Class="WpfDemo.Changed"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="Changed">

    <Grid Name="GridTable" Height="250" Background="Silver" Width="350">

        <Grid.RowDefinitions>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="100"></ColumnDefinition>

            <ColumnDefinition Width="150"></ColumnDefinition>

            <ColumnDefinition Width="100"></ColumnDefinition>

        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Width="90" Height="25" Grid.Column="0" Name="label1" Text="PropertyChanged:"></TextBlock>

        <TextBlock Grid.Row="1"  Width="90" Height="25" Grid.Column="0" Name="label2" Text="LostFocus:"></TextBlock>

        <TextBlock Grid.Row="2"  Width="90" Height="25" Grid.Column="0" Name="label3" Text="Explicit:"></TextBlock>

        <TextBox Grid.Row="0" Width="150" Height="25" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=PropertyChanged}"  Grid.Column="1" Name="TextBox1" />

        <TextBox Grid.Row="1" Width="150" Height="25" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=LostFocus}"   Grid.Column="1"  Name="TextBox2" />

        <TextBox Grid.Row="2" Width="150" Height="25" Text="{Binding Path=UserName,Mode=TwoWay,UpdateSourceTrigger=Explicit}"   Grid.Column="1"  Name="txtExplicit" />

        <TextBlock Grid.Row="3" Width="90" Height="25"  Grid.Column="0" Name="lblResult" Text="结果:"></TextBlock>

        <TextBlock Grid.Row="3" Width="90" Height="25"  Grid.Column="1" Name="lblDisplay" Text="{Binding Path=UserName,Mode=OneWay}"></TextBlock>

        <Button Name="btnChanged" Width="90" Height="25" Grid.Row="3" Grid.Column="2">Explicit</Button>

    </Grid>

</Page>

复制代码 代码如下:
C#:


namespace WpfDemo

{

    public partial class Changed : Page

    {

        #region properties

        public UserModel CurrentUser

        {

            get;set;

        }

        #endregion

        #region Constructor

        public Changed()

        {

            InitializeComponent();

            this.Loaded += new RoutedEventHandler(Changed_Loaded);

            this.btnChanged.Click += new RoutedEventHandler(btnChanged_Click);

        }

        #endregion

        #region Changed_Loaded

        void Changed_Loaded(object sender, RoutedEventArgs e)

        {

            this.CurrentUser = new UserModel() {UserName="swd"};

            this.DataContext = this.CurrentUser;

        }

        #endregion

        #region btnLogon_Click

        void btnChanged_Click(object sender, RoutedEventArgs e)

        {

          this.txtExplicit.GetBindingExpression(TextBox.TextProperty).UpdateSource();

        }

        #endregion

    }

    public class UserModel

    {

        public string UserName

        {

            get;set;}

    }

}


程序执行结果如上所述。


四、      数据提供程序

1. XmlDataProvider:

XmlDataProvider访问 XML 数据的方式有以下三种:

可以使用 XmlDataProvider 类嵌入内联 XML 数据。

可以将 Source 属性设置为 XML 数据文件的 Uri。

可以将 Document 属性设置为 XmlDocument。

注释:当 XmlDocument.NodeChanged 事件发生时,XmlDataProvider 执行所有绑定的完全刷新。 特定节点不进行优化。

默认情况下,XmlDataProvider.IsAsynchronous 属性设置为 true,表示默认情况下 XmlDataProvider 检索数据并异步生成 XML 节点的集合。

以下将介绍使用上面所述的三种方式显示xml数据:

示例

复制代码 代码如下:
Xaml:


<Page x:Class="WpfDemo.xmlBinding"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="xmlBinding" xmlns:local="clr-namespace:WpfDemo">

    <Page.Resources>

        <XmlDataProvider x:Key="XmlFile" Source="Students.xml" XPath="/Students"></XmlDataProvider>

        <XmlDataProvider x:Key="InnerXmlStu" XPath="/Students">

            <x:XData>

                <Students xmlns="">

                    <Student><name>swd</name></Student>

                    <Student><name>awd</name></Student>

                    <Student><name>asd</name></Student>

                </Students>

            </x:XData>

        </XmlDataProvider>

    </Page.Resources>

    <Grid>

        <Grid.RowDefinitions>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

            <RowDefinition></RowDefinition>

        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>

            <ColumnDefinition Width="100"></ColumnDefinition>

            <ColumnDefinition Width="150"></ColumnDefinition>

        </Grid.ColumnDefinitions>

        <TextBlock Grid.Row="0" Grid.Column="0"  Height="25" Width="100"  Text="引用XML文件"></TextBlock>

        <TextBlock Grid.Row="1" Grid.Column="0" Height="25" Width="100"   Text="内嵌XML"></TextBlock>

        <TextBlock Grid.Row="2" Grid.Column="0"  Height="25" Width="100"  Text="动态XML"></TextBlock>

        <ListBox Name="lisbXmlFile" Grid.Row="0" Grid.Column="1" Height="100" Width="150" ItemsSource="{Binding Source={StaticResource XmlFile},XPath=Student/name}">

        </ListBox>

        <ListBox Name="lisbInnerXml" Grid.Row="1" Grid.Column="1"  Height="100" Width="150" ItemsSource="{Binding Source={StaticResource InnerXmlStu},XPath=Student/name}">

        </ListBox>

        <ListBox Name="lisbXmlDoc" Grid.Row="2" Grid.Column="1"  Height="100"  Width="150" ItemsSource="{Binding XPath=Student/name}">

        </ListBox>

    </Grid>

</Page>

复制代码 代码如下:
XML:


<?xml version="1.0" encoding="utf-8" ?>

<Students>

  <Student>

    <name>swd</name>

    <score>110</score>

  </Student>

  <Student>

    <name>asd</name>

    <score>120</score>

  </Student>

  <Student>

    <name>awd</name>

    <score>130</score>

  </Student>

</Students>


通过以上示例我想大家应该很容易理解与应用。

2. ObjectDataProvider:

ObjectDataProvider 使您能够在 XAML 中创建可用作绑定源的对象,并为您提供以下属性,以对对象执行查询并绑定到结果。

使用 ConstructorParameters 属性将参数传递给对象的构造函数。

使用 MethodName 属性调用一个方法。

使用 MethodParameters 属性将参数传递给该方法。 然后,可以绑定到该方法的结果。

使用ObjectType 指定将提供数据绑定源的对象。

使用 ObjectInstance 属性来指定现有的对象实例作为源

注释:还可以使用 IsAsynchronous 属性指定是在辅助线程还是在活动上下文中执行对象创建。也就是是否异步检索数据。

示例:

复制代码 代码如下:
XAML:

C#:


namespace WpfDemo

{

    #region CObjectDataProvider

    public partial class CObjectDataProvider : Page

    {

        public CObjectDataProvider()

        {InitializeComponent();}

    }

    #endregion

    #region Country

    public class Country

    {

        #region Name

        public string Name

        {get;set;}

        #endregion

        #region ProvinceList

        public List<Province> ProvinceList

        {get;set;}

        #endregion

        #region GetAllCity

        public static List<Country> GetAllCity()

        {

            return new List<Country>{

             new Country

             {

                 Name = "中国",

                 ProvinceList = new List<Province>

                 {

                   new Province{ Name="福建省",

                                 CityList=new List<City>{new City{Name="福州市"},new City{Name="厦门市"},new City{Name="漳州市"},new City{Name="泉州市"}}

                },

                new Province{Name="江苏省",

                   CityList=new List<City>{

                   new City{Name="苏州市"},new City{Name="南京市"},new City{Name="扬州市"},new City{Name="无锡市"}}

                },

                new Province{Name="江西省",

                     CityList=new List<City>{new City{Name="南昌市"},new City{Name="九江市"}}}}

             }

            };

        }

        #endregion

    }

    #endregion

#region Province

    public class Province

    {

        #region Name

        public string Name

        {get;set;}

        #endregion

        #region CityList

        public List<City> CityList

        {get;set;}

        #endregion

    }

    #endregion

    #region City

    public class City

    {

        #region Name

        public string Name

        {get;set;}

        #endregion

    }

#endregion

}


五、类型转换与数据校验

1. IValueConverter接口

提供一种将自定义逻辑应用于绑定的方式。

在Binding时,数据源对象到目标对象之间(或者目标对象到数据源对象)可能需要某种转换。这时只需实现IValueConverter接口自定义值转换器即可。

接口原型定义:

public interface IValueConverter
{
    object Convert(object value, Type targetType, object parameter, CultureInfo culture);
    object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);
}

参数value是要转换的值,typeTarget是转换后的值类型,parameter是Binding 类的 ConverterParameter传递过来的参数。

Convert方法:数据绑定引擎在将值从绑定源传播给绑定目标时,调用此方法。

ConvertBack方法:数据绑定引擎在将值从绑定目标传播给绑定源时,调用此方法。

ValueConversion属性作用是告诉自定义转换器类可以转换的源数据和目标数据的 类型(ValueConversion属性将在稍后的示例中看到)。

2. ValidationRule类

提供一种为检查用户输入的有效性而创建自定义规则的方法。

ValidationRule : 所有自定义验证规则的基类。提供了让用户定义验证规则的入口。

ExceptionValidation :表示一个规则,该规则检查在绑定源属性更新过程中引发的异常。它是一个内置的规则,它检查在绑定源属性更新过程中引发的异常。

ValidationResult : 数据验证结果的表现方式。ValidationRule对象的Validate方法执行完毕后通过ValidationResult来表示验证的结果。这里包含了错误信息—ErrorContent,数据是否有效—IsValid。ValidResult 为 ValidationResult 的有效实例。

ValidationError :表示一个验证错误,该错误在 ValidationRule 报告验证错误时由绑定引擎创建。

复制代码 代码如下:
XAML:


<Page x:Class="WpfDemo.TypeConvertAndValidationRule"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Title="TypeConvertAndValidationRule"

      xmlns:src="/UploadFiles/2021-04-02/clr-namespace:WpfDemo">

    <Grid Height="250" Width="360" Background="Silver">

        <Grid.RowDefinitions>
    <RowDefinition>
    </RowDefinition>
    <RowDefinition>
    </RowDefinition>
    <RowDefinition>
    </RowDefinition>
       </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
               <ColumnDefinition>
    </ColumnDefinition>
    <ColumnDefinition>
    </ColumnDefinition>
        </Grid.ColumnDefinitions>

        <TextBlock Height="25" Width="100" Text="生日"  Grid.Row="0" Grid.Column="0"></TextBlock>

        <TextBox Name="txtBirthday" Height="25" Width="150"  Grid.Row="0" Grid.Column="1">

            <TextBox.Text>

                <Binding Path="Birthday" UpdateSourceTrigger="LostFocus" Mode="TwoWay">

                   <Binding.ValidationRules><src:ValidationDateTimeRule/></Binding.ValidationRules>

                   <Binding.Converter><src:MyConverterOfBirthFormat/></Binding.Converter>

                </Binding>
           </TextBox.Text>

           <TextBox.ToolTip>
                <Binding RelativeSource="{RelativeSource Self}" Path="(Validation.Errors)        [0].ErrorContent"></Binding>
           </TextBox.ToolTip>       </TextBox>

        <TextBlock Height="25" Width="150" Grid.Row="1" Text="{Binding Path=Birthday,Mode=OneWay}" Grid.Column="1"></TextBlock>

        <TextBlock Height="25" Width="100" Text="电子邮件格式检查" Grid.Row="2" Grid.Column="0"></TextBlock>

        <TextBox Height="25" Width="150" Grid.Row="2" Grid.Column="1">

            <TextBox.Text>

                <Binding Path="EMail">

                    <Binding.ValidationRules><ExceptionValidationRule /></Binding.ValidationRules>

                </Binding>            </TextBox.Text>

            <TextBox.ToolTip>

                   <Binding RelativeSource="{RelativeSource Self}" Path="(Validation.Errors)[0].ErrorContent"></Binding>

            </TextBox.ToolTip>       </TextBox>

    </Grid>

</Page>

复制代码 代码如下:
C#:


namespace WpfDemo

{

    #region TypeConvertAndValidationRule

    public partial class TypeConvertAndValidationRule : Page

    {

        public TypeConvertAndValidationRule()

        {

            InitializeComponent();

            this.DataContext = new UserInfo { Name = "swd", Birthday =System.Convert.ToDateTime("1987/10/21"), EMail = "swd@126.com" };

        }

    }

    #endregion

    #region UserInfo

    public class UserInfo

    {

        #region Name

        public string Name

        {get;set;}

        #endregion

        #region Birthday

        public DateTime Birthday

        {get;set;}

        #endregion

        #region EMail

        private string email;

        public string EMail

        {

            get

            {return email;}

            set

            {

                this.email = value;

                Regex r = new Regex(@"^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$");

                if (!r.IsMatch(value))

                {

                    throw new ApplicationException("电子邮件格式有误!");

                }

            }

        }

        #endregion

    }

    #endregion

六、      绑定集合对象

1.       ICollectionView接口

允许集合具有当前记录管理、自定义排序、筛选和分组这些功能。比如排序,分组,筛选,导航以及其它自定义视图,并且这不会影响到你的后台数据的实际存储。

2.       ObservableCollection <T> 类

表示一个动态数据集合,在添加项、移除项或刷新整个列表时,此集合将提供通知。

3.       WPF MVVM概要

MVVM(Model-View-ViewModel)是由MVC,MVP演变而来。MVVM分离了逻辑与界面,解放业务逻辑。

标签:
WPF,数据绑定

无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com

《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线

暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。

艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。

《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。