一、作用
- 将Window GUI的运行机理从 “事件驱动” 转变为 “数据驱动”。
- 将UI界面与业务逻辑解耦,使得改动一个而无需改动另一个。
- 数据逻辑层自成体系,使得无需借助UI也可进行单元测试。
二、基础
1. Binding=源+模板
2. 把控件作为Binding源的Binding标记扩展
Text= “{Binding (Path=)Value,ElementName=slider1}”
3. Binding的常规属性
- Mode(控制方向)
- UpdataSourceTrigger(数据更新时机)
三、路径
1. 控件某个属性
控件的某个属性,Text=”{Binding Path=Value, ElementName=slider1}”
多级路径,Text=”{Binding Path=Text1.Length, ElementName=textBox1}”
集合类型的索引器,Text=”{Binding Path=Text[3], ElementName=textBox1}”
2. 集合或DataView的默认元素
Text=”{Binding Path=/, ElementName=stringList}”
Text=”{Binding Path=/Length, ElementName=stringList}”
Text=”{Binding Path=/[2], ElementName=stringList}”
3. 集合元素的属性仍是一个集合
Text=”{Binding Path=/Name, ElementName=countryList}”
Text=”{Binding Path=/ProvinceList.Name, ElementName=countryList}”
Text=”{Binding Path=/ ProvinceList/CityList.Name, ElementName=countryList}”
4. 没有Path的Binding
Binding源本身就是数据且不需要Path来指明,如string和int等基本类型
Xaml中,可以直接Path=. ,或者不指明Path
Text={Binding Path=.,Source={StaticResource ResouceKey=myString}}
Text={Binding Source={StaticResource ResouceKey=myString}}
CShape中,只能Path=. , 但不能不写
this.textBlock1.SetBinding(TextBlock.TextProperty, new Binding("."){Source=myString})
四、源
1. 没有Source的Binding
<StackPanel>
<StackPanel.DataContext>
<sys:String>Hello DataContext</sys;String>
</StackPanel.DataContext>
</StackPanel>
<Grid>
<StackPanel>
<TextBlock Text={Binding}> //这里继承Hello DataContext
</StackPanel>
</Grid>
2. 使用集合对象作为源
.xaml
<ListBox ItemSource="{Binding stuList}" DisplayMemberPath="Name">
.cs
List<Student> stuList=new List<Student>();
stuList.Add(new Student{Id=,Name=,Age=});
3. 使用DataTable作为源
使用DataTable作为数据源,this.listBoxStudents.ItemSource=dt.DefaultView;
若要展示DataTable的每个元素,则
<GridView>
<GridViewColumn Header=”Id” Width=”60” DisplayMemberBinding=”{Binding Id}”/>
…
</GridView>
注意,可以使用DataTable对象的DefaultView属性作为ItemSource,但是不可以直接使用DataTable对象作为ItemSource。
除非,将DataTable对象放在一个对象的DataContext属性里,并把ItemSource与一个既没有指定Source又没有指定Path的Binding关联起来,Binding能自动找到它的DefaultView并当作自己的Source来使用。
4. 使用XML数据作为源
.xml
<StudentList>
<Student Id=1>
<Name>Time</Name>
</Student>
</StudentList>
.xaml
<LisView DataContext=xdp ItemSource="{Binding}">
<LiveView.View>
<GridView>
<GridViewColumn Header=”Id” Width=”80” DisplayMemberBinding=”{Binding XPath@Id}”/>
<GridViewColumn Header=”Name” Width=”120”DisplayMemberBinding=”{Binding
XPath@Name}”/>
</GridView>
</LiveView,View>
</ListView>
注意,使用XML数据作为Binding的源时将使用Xpath属性而不是Path属性来指定数据的来源。
使用@符号加字符串表示的是XML元素的Attribute,不加@符号的字符串表示的是子级元素。
.cs
XmlDocument doc=new XmlDocument();
doc.Load(@"D;\RawData.xml");
XmlDataProvider xdp=new XmlDataProvider();
xdp.Document=doc;
xdp.XPath=@”/StudentList/Student“;
5. 使用LINQ检索结果作为源
/ 集合
/ DataTable对象
/ 查询XML
6. 使用ObjectDataProvider对象作为源
7. 使用Binding的RelativeSource
有时候我们不能确定作为Source的对象叫什么名字,但知道它与作为Binding目标的对象在UI布局上有相对关系。
Text=”{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Grid, AncestorLevel=1}, Path=Name}”
RelativeSource类的Mode属性的类型是RelativeSourceMode枚举,取值有:PreviousData、TemplateParent、Self和FindAncestor。
五、数据转换与校验
1. 转换器
实现IValueConverter接口
public interface IValueConverter
{
object Convert(object value,Type targetType,object parameter,CultureInfo culture);
object ConvertBack(object value,Type targetType,object parameter,CultureInfo culture);
}
举例
public class IntToBool : IValueConverter
{
private static readonly Lazy<IntToBool> LazyInstance = new Lazy<IntToBool>(() => new IntToBool());
public static IntToBool Instance => LazyInstance.Value;
public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
{
try
{
if (value != null)
{
int.TryParse(value.ToString(), out var va1);
return va1 > 0;
}
}
catch (Exception ex)
{
}
return true;
}
public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
{
return null;
}
}
2. 多路绑定
- 设置多路绑定
.xaml
<Button>
<Button.IsEnabled>
<MultiBinding Converter="{x:Static vt:LogonMultiBindingConverter.Instance}" Mode=BindingMode.OneWay>
<Binding Path=Text,Element=text1Box1>
<Binding Path=Text,Element=text1Box2>
<Binding Path=Text,Element=text1Box3>
<Binding Path=Text,Element=text1Box4>
</MultiBinding>
</Button.IsEnabled>
</Button>
.cs
Binding b1=new Binding("Text){Source=this.textBox1};
Binding b2=new Binding("Text){Source=this.textBox2};
Binding b3=new Binding("Text){Source=this.textBox3};
Binding b4=new Binding("Text){Source=this.textBox4};
MultiBinding mb =new MultiBinding(){Mode=BindingMode.OneWay};
mb.Binding.Add(b1);
mb.Binding.Add(b2);
mb.Binding.Add(b3);
mb.Binding.Add(b4);
mb.Converter=new LogonMultiBindingConverter();
this.button1.SetBinding(Button.IsEnabledPropery,mb);
- 定义多路转换器
public class LogonMultiBindingConverter:IMultiValueConverter
{
private static readonly Lazy<LogonMultiBindingConverter> LazyInstance = new Lazy<LogonMultiBindingConverter>(() => new LogonMultiBindingConverter());
public static IntToBool Instance => LazyInstance.Value;
public object Convert(object[] values,Type targetType,object parameter,Cultureinfo culture)
{
if(!values.Cast<string>().Any(text=>string.IsNullOrEmpty(text)
&& value[0].ToString()==values[1].ToString())
&& value[2].ToString()==values[3].ToString())
{
return ture;
}
return false;
}
}
3. 校验
public class RangeValidationRule:ValidationRule
{
Lazy<RangeValidationRule> instance=new Lazy<RangeValidationRule>(=>new RangeValidationRule());
public override ValidationResult Validate(object value,System.Globalization.CultureInfo cultureInfo)
{
double d=0;
if(double.TryParse(value.ToString(),out d)
{
if(d>=0 && d<=100)
{
return new ValidationResult(true,null);
}
return new ValidationResult(false,"Validation Failed");
}
}
.xaml
<TextBox Text="{Binding ValidationRules={x:Static RangeValidationRule.Instance}}">
.cs
Binding binding=new Binding("Value"){Source=this.slider1};
binding,UpdateSourceTrigger=UpdateSourceTrigger.PropertyChanged;
RangeValidationRule rvr=new RangeValidationRule();
binding,ValidationRules.Add(rvr);
this.textBox1.SetBinding(TextBox.TextProperty,binding);