WPF类型转换器和标记扩展

Posted 文 武

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了WPF类型转换器和标记扩展相关的知识,希望对你有一定的参考价值。

介绍

之前讨论了WPF的基础架构,然后逐步开始学习布局面板,转换,介绍了不同的控件,容器,UI转换等。在这篇文章中,我将讨论每个创建XAML应用前的开发人员应该了解的关于XAML最重要的东西。

标记扩展是一种对XAML的扩展,你可以用来对基于XAML的程序应用自定义的规则。在你的设计中,你如果有任何的想对你的程序施加的自定义行为,你都可以使用标记扩展来实现。这里我们将讨论你可以怎样使用标记扩展对XAML生成自定义的行为。

XAML或者说可扩展应用程序标记语言实际上是一种定义了特殊架构的XML格式的语言。现在你可能经常想知道,标记到底能怎样扩展。XAML中到底有什么样的能力使其与XML大不相同。似的,它是因为有着大量的功能的XAML转换器把普通的XAML转换成了丰满的UI设计。

大家都知道XAML实际上是文本格式。它的标签和XML非常相似,每个属性的值都是字符串。尽管你想把一个对象赋给一个字符串,但是因为对象只能有一个字符串,所以你不能这样做。标记扩展将允许你处理这些情况。所以你可以说一个标记扩展实际上是一种把普通的XML扩展成为一个完成的可扩展的标记的方式——即是XAML。

由于XAML把任何东西都当成字符串,有事我们需要把这些字符串转换为有效的值。举个例子:当我们使用 Margin 的时候,我们需要声明 margin 元素的每个值。在这种情况下,转换非常的简单和直接,我们可以使用类型转换器而不是使用标记扩展。在我们讨论标记扩展前,首先我们来讨论一下类型转换器。

类型转换器

在上文中我已经说过了,XML的标记扩展不能对元素的数据施加限制。意思就是你在XAML中只能声明对象的属性为字符串数据。但是XAML提供了一个灵活的方式来创建类型转换器,这样就可以对数据施加限制了。甚至像 Single 和 Double这样的原语你都不能在XAML中描述。类型转换器扮演了一个重要的角色来把这种限制加到XAML转换器上。

XAML转换器在转换任何属性的值时需要两个信息:

  1. 值类型:这个决定了值将被转换为什么类型
  2. 真实值

好的,当转换器找到一个属性中的数据时,它首先确定数据的类型。如果类型是基本的,转换器将尝试直接转换。另一方面,如果是一个可枚举类型,转换器将尝试转换为一个特定的枚举值。如果上面的都不满足,转换器将尝试找到一个合适的类型转换器类并转换为一个合适的类型。XAML中已经定义了许多的类型转换器,比如 Margin=10,20,0,30 意思就是按照左,上,右,下定义的一个序列。因此系统定义了一个转换器把这种数据转换为 Thickness 对象。

自定义类型转换器

要创建一个自定义的类型转换器,我们需要使用 TypeConverterAttribute 装饰类型并且自定义一个用来把数据转换为实际类型的类。实际转换的类,需要继承自 TypeConverter

让我们使用一个例子来说得更明白:

一个转换地理位置的类型转换器:

像我上面说的那样,为了创建一个类型转换器,你需要创建一个一个应用了 TypeConverter 的类。在我的例子中,我创建了一个有两个属性 Latitude(纬度) 和 Longitude(经度) 的类,并且创建了一个地理位置的实现。让我们看一下以下的类:

[global::System.ComponentModel.TypeConverter(typeof(GeoPointConverter))]

public class GeoPointItem

{

public double Latitude { get; set; }

public double Longitude { get; set; }

 

public GeoPointItem()

{

}

 

public GeoPointItem(double lat, double lon)

{

this.Latitude = lat;

this.Longitude = lon;

}

 

public static GeoPointItemParse(string data)

{

if (string.IsNullOrEmpty(data)) return new GeoPointItem();

 

string[] items = data.Split(\',\');

if (items.Count() != 2)

throw new FormatException("GeoPoint should have both latitude

and longitude");

 

double lat, lon;

try

{

lat = Convert.ToDouble(items[0]);

}

catch (Exception ex) {

throw new FormatException("Latitude value cannot be converted", ex);

}

 

try

{

lon = Convert.ToDouble(items[1]);

}

catch (Exception ex) {

throw new FormatException("Longitude value cannot be converted", ex);

}

 

return new GeoPointItem(lat, lon);

}

 

public override string ToString()

{

return string.Format("{0},{1}", this.Latitude, this.Longitude);

}

}

在上面的代码中,你可以看到我创建了一个很普通的类,它定义了地球上的一个地理位置。这个类型有两个参数,经度和纬度,而且他们都是 Double 类型的。我已经重写了 ToString() 方法,在这个例子中获得对象的字符串值非常重要。 Parse 方法用来把一个字符串的值转换为 GeoPointItem

当实现了这些之后,第一件应该做的事是使用 TypeConverter 装饰这个类。这个属性使得使用了 GeoPointConverter 转换器的项可以很容易地转换作为属性的参数。这样当XAML转换器转换字符串的时候,它将会自动调用 GeoPointConverter 来转换回值。

当昨晚这些之后,我们需要来创建真正的转换器。看下面的代码:

public class GeoPointConverter : global::System.ComponentModel.TypeConverter

{

//如果源类型是字符串,返回 true

public override bool CanConvertFrom(

System.ComponentModel.ITypeDescriptorContext context, Type sourceType)

{

if (sourceType is string)

return true;

return base.CanConvertFrom(context, sourceType);

}

//如果目标类型是 GeopointItem ,返回 true

public override bool CanConvertTo(

System.ComponentModel.ITypeDescriptorContext context, Type destinationType)

{

if (destinationType is string)

return true;

return base.CanConvertTo(context, destinationType);

}

//把字符串转换为 GeopointItem

public override object ConvertFrom(

System.ComponentModel.ITypeDescriptorContext context,

System.Globalization.CultureInfo culture, object value)

{

if (value is string)

{

try

{

return GeoPointItem.Parse(value as string);

}

catch (Exception ex)

{

throw new Exception(string.Format(

"Cannot convert \'{0}\' ({1}) because {2}", value, value.GetType(), ex.Message), ex);

}

}

return base.ConvertFrom(context, culture, value);

}

//把 GeopointItem 转换为字符串

public override object ConvertTo(

System.ComponentModel.ITypeDescriptorContext context,

System.Globalization.CultureInfo culture, object value, Type destinationType)

{

if(destinationType == null)

throw new ArgumentNullException("destinationType");

GeoPointItem gpoint = value as GeoPointItem;

if(gpoint != null)

if (this.CanConvertTo(context, destinationType))

return gpoint.ToString();

return base.ConvertTo(context, culture, value, destinationType);

}

}

在上面的代码中,我们通过继承 TypeConverter 实现了转换类。实现接口 TypeConverter 我们需要重写一些方法让 XAML 转换器可以调用或者做合适的修改这样 XAML 转换器能在需要的时候得到合适的值。

  1. CanConvertFrom:当 XAML 转换器尝试将字符串转换为 GeoPointItem 的时候将尝试调用此方法。如果返回 true, 将调用 ConvertFrom 方法做真实的转换。
  2. CanConvertTo:当 XAML 转换器尝试将 GeoPointItem 变量转换为字符串的时候将尝试调用此方法。如果返回 true,将调用 ConvertTo 进行真实的转换。
  3. ConvertFrom:做真实的转换并且在成功转换后返回 GeoPointItem 。
  4. ConvertTo:做真实的转换并返回等效于传入的 GeoPointItem 的字符串。

在上面的代码中,你可以看到我实际上是使用了类型转换器类来把字符串转换为 GeoPointItem 的,反之也是这样。

到了该使用它的时候了。我创建了一个自定义的 UserControl 并且把有一个 GeoPoint 的属性放入。XAML看起来非常简单:

<Grid>

<Grid.RowDefinitions>

<RowDefinition/>

<RowDefinition/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition/>

<ColumnDefinition/>

</Grid.ColumnDefinitions>

<TextBlock Text="Latitude" Grid.Row="0" Grid.Column="0"></TextBlock>

<TextBox x:Name="txtlat" MinWidth="40" Grid.Row="0" Grid.Column="1"

TextChanged="txtlat_TextChanged"/>

<TextBlock Text="Longitude" Grid.Row="1" Grid.Column="0"></TextBlock>

<TextBox x:Name="txtlon" MinWidth="40" Grid.Row="1" Grid.Column="1"

TextChanged="txtlon_TextChanged"/>

</Grid>

它有两个 TextBox 单独显示经度和纬度。如果这些值改变, GeoPointItem 的实际值也改变。

public partial class GeoPoint : UserControl

{

public static readonly DependencyProperty GeoPointValueProperty =

DependencyProperty.Register("GeoPointValue", typeof(GeoPointItem),

typeof(GeoPoint), new PropertyMetadata(new GeoPointItem(0.0, 0.0)));

public GeoPoint()

{

InitializeComponent();

}

public GeoPointItem GeoPointValue

{

get

{

return this.GetValue(GeoPointValueProperty) as GeoPointItem;

}

set

{

this.SetValue(GeoPointValueProperty, value);

}

}

 

private void txtlat_TextChanged(object sender, TextChangedEventArgs e)

{

GeoPointItem item = this.GeoPointValue;

item.Latitude = Convert.ToDouble(txtlat.Text);

this.GeoPointValue = item;

}

 

private void txtlon_TextChanged(object sender, TextChangedEventArgs e)

{

GeoPointItem item = this.GeoPointValue;

item.Longitude = Convert.ToDouble(txtlon.Text);

this.GeoPointValue = item;

}

private void UserControl_Loaded(object sender, RoutedEventArgs e)

{

GeoPointItem item = this.GeoPointValue;

this.txtlat.Text = item.Latitude.ToString();

this.txtlon.Text = item.Longitude.ToString();

 

}

}

这里当 UserControl 载入的时候,它首先加载 TextBox 中的值。 TextChanged 方法用来处理确保当 TextBox 的值改变时对象的值也改变。在 Window 中,我们需要创建一个 UserControl 的实例并且把下面的值传入:

  1. <converter:GeoPoint x:Name="cGeoPoint" GeoPointValue="60.5,20.5" />

转换器指明了命名空间。因此你可以看到 TextBox 中的值正确显示。

标记扩展

现在你已经了解了类型转换器,让我们来解释一下标记扩展。标记扩展提供了在XAML属性中创建自定义对象的灵活性。每个标记扩展都包含在一对{}中。任何写在花括号中的内容都被认为是标记扩展。这样XAML转换器把在花括号中的任何内容不视为字符串,而是尝试通过花括号中声明的名字来找到对应的标记扩展。

例外

如果你想把包含花括号的字符串放入,你应该在开始的地方放置一个 {} ,这样使得它作为一个例外。你可以通过查看 怎样在XAML中对 {} 转义 了解更多。

使用标记扩展的例子:

  1. <TextBox Text={x:Null} />

可能这是一个最简单的例子,它实际上是一个返回 null 给 Text 字符串的标记扩展。

System.Windows.Markup 命名空间中已经有了很多的给 XAML 定义的标记扩展,这样在 XAML 中你可以做一些功能性的特性。让我们来讨论其中的一些:

NullExtension

这是最简单的标记扩展。当放入的时候,它实际上返回一个 null 。

  1. Content = "{x:Null}"

ArrayExtension

这个用来创建一系列项的数组列表。x:Array 返回根据声明的类型的一组对象。

  1. Values = {x:Array Type=sys:String}

StaticExtension

另一个简单的扩展,用来返回静态属性或者属性引用。

  1. Text="{x:Static Member=local:MyClass.StaticProperty}"

这样当你为 MyClass 定义了一个静态的属性 StaticProperty ,你可以通过这样来自动地把值赋给 Text 属性。

TypeExtension

类型扩展用来获取对象的类型。当一个控件的属性使用 Type 对象的时候,你可以使用它。

  1. TargetType="{x:Type Button}"

所以 TargetType 得到一个 Button 的类型对象。

StaticResourceExtension

资源是定义在 XAML 中的对象。 StaticResource 替代分配给对象的 key 并且替换引用的声明的资源元素。

<Grid.Resources>

<Color x:Key="rKeyBlack">Black</Color>

<SolidColorBrush Color="{StaticResource rKeyBlack}" x:Key="rKeyBlackBrush"/>

</Grid.Resources>

<TextBlock Background="{StaticResource ResourceKey=rKeyBlackBrush}"/>

如果编译的时候没有 key ,将产生静态资源错误。

DynamicResourceExtension

这个跟静态资源扩展相似,但是它推迟了赋值,成为运行时的引用。这样你可以定义一个 动态资源的 key 并且他将在当实际的对象创建的运行时才使用。

<TextBlock Background="{DynamicResource ResourceKey=rKeyBlackBrush}" />

现在, rKeyBlackBrush 如果没有在 Grid.Resources中声明也不会产生错误。你可以在窗口加载的时候,动态地添加。

什么是资源?

资源是创建被 XAML 转换器呈现的对象的对象。每一个 FrameworkElement 对象包含一个 ResourceDictionary 对象。你可以在资源字典中添加资源并且在作用域中重用。

资源是可以重用的组件,可以使用多次来产生输出。如果在你的应用中你需要一个使用超过一次的对象,并且你不希望它在作用域中被修改,资源是最好的选择。

<Grid.Resources>

<Color x:Key="rKeyRed">Red</Color>

<Color x:Key="rKeyCyan">Cyan</Color>

<LinearGradientBrush x:Key="rKeyforegroundGradient">

<GradientStop Color="{StaticResource rKeyRed}" Offset="0"></GradientStop>

<GradientStop Color="{StaticResource rKeyCyan}" Offset="1"></GradientStop>

</LinearGradientBrush>

</Grid.Resources>

 

<TextBlock Text="{Binding ElementName=cGeoPoint, Path=GeoPointValue}"

FontSize="30" Margin="50" Grid.Row="1" Grid.ColumnSpan="2"

Foreground="{StaticResource rKeyforegroundGradient}"/>

这里你可以看到我们定义了一个 LinearGradientBrush 并且用来作为 TextBlock 的前景色。如果需要的话这个对象可以使用任意多次。

每个 FrameworkElement 都包含了一个叫做 Resource 的属性,它有一个 ResourceDictionary 对象。你可以在这个集合中分配多个你在不同对象上需要用到的资源。在 XAML 中,资源使用 x:Key 属性来声明,稍候这个 key 可以通过 StaticResourceDynamicResource 用来引用 ResourceDictionary 中的资源。

动态资源和静态资源的区别

静态资源在程序载入期间在作用域内通过定义在资源字典中的key来找到。因此如果在编译的时候没有找到,编译器将报错。相对地,动态资源标记扩展延迟了资源的分配,在运行时动态地进行。所以知道对象被创建之前表达式都没有被计算。

注意:如果资源是派生自冻结的(不可变的),任何对对象的改变都可能会改变UI,而不考虑资源是静态的还是动态的。例如:画刷(Brush),动画(Animation)和几何对象都是冻结的。

选择静态资源还是动态资源

  • 静态资源在运行的时候使用更少的CPU资源,所以更快。
  • 因为静态资源是在程序载入的时候创建的。所以如果把所有资源都设置为静态资源将降低程序的载入进度。
  • 如果资源在编译的时候是未知的,你可以使用动态资源。动态资源被用于用户交互改变它们的外观。
  • 如果你希望你的资源是可拔插的,动态资源是最好的选择。你可以阅读下面的文章了解如何创建可拔插的资源:WPF中使用语言转换工具创建可拔插的风格和资源

绑定

绑定是可以用来绑定一个对象的最重要也是最复杂的标记扩展。当数据对象呗分配给对象的 DataContext 时它提供了绑定对象。

意思就是加入你有一个对象 Obj ,它有很多的属性比如 NameAge 等。你可以这样写:

Text = "{Binding Name}"

意思就是在运行的时候 DataContext 对象将自动地计算然后 Name 属性真是的值将显示到 Text 属性上。

绑定有非常多的灵活性,这样你可以在绑定对象上声明表达式,这也就使得它是标记扩展中的一个最复杂的。

<StackPanel Orientation="Vertical">

<TextBox x:Name="txtObj"></TextBox>

<TextBox x:Name="txtCustom" Text="{Binding FallbackValue=10,

ElementName=txtObj, Path=Text,StringFormat=\'Text Entered : {0:N2}\'}, Mode=TwoWay">

</TextBox>

</StackPanel>

因为他们都绑定到属性的任何改动将自动改变另外一个 textbox 。有多种绑定的模式: OnteTimeOneWayToSourceOneWayTwoWayStringFOrmat 创建了对字符串的格式化。我们可以在绑定中关联转换器,这样让我们可以根据传入的值返回合适的值。

你可以阅读如何为绑定创建转换器:怎样在绑定中处理转换

考虑到绑定,你必须确定绑定的对象实现了 INotifyPropertyChanged 接口。否则每一个绑定都将以像 OneTime 那样工作。

你可以阅读更多关于怎样实现 INotifyPropertyChanged 接口:对象和集合的改变通知

我们将在后面的文章中详细讨论绑定。

相对资源(RelativeSource)

相对资源是一种你在绑定中不得不使用的标记扩展。绑定有一个叫做 RelativeSource 的属性,在这里你可以声明一个相对资源标记扩展。这个标记扩展让你可以给元素相对位置的引用而不是使用值的绝对声明。当绝对引用不好用的时候相对资源非常的顺手。

相对资源有以下一些属性:

  • AncestorType(祖先类型):它定义了找到属性的祖先元素的类型。如果你在 Grid 中定义了一个按钮,并且你想参照 Grid,你可以使用相对资源。
  • Mode(模式):决定了相对资源怎么被找到。这个枚举有以下一些值:
    • Self(自己):意思就是绑定将在对象自己内部发生。所以你如果想让对象的前景色和背景色一样,相对资源的 Mode=Self 将非常方便。
    • FindAncestor(找到祖先):找到元素的父元素。这样将在可视化树上找到所有的可视元素并且尝试找到 AncestorType 提供的类型的控件,它将一直找到祖先元素为止。
    • TemplatedParent(模板父元素):模板父元素让你在模板被定义的对象中找到值。模板被定义在控件自己中,用来帮助完全重新定义数据和控件元素。模板父元素允许你直接找到模板对象。
    • PreviousData(上一个数据):允许你在对象绑定到一个集合视图时追踪上一个数据元素。这样实际上相对资源就是之前的数据元素。
  • AncestorLevel(祖先层数):一个数值的值用来确定相对资源在确定结果前应该搜索的层数。如果你把 AncestorLevel 声明为 1 ,它将只查找一层。

你可以在任何绑定中使用相对资源:

<Grid Name="grd">

<TextBox x:Name="txtCustom" Text="{Binding Name, RelativeSource={RelativeSource AncestorType={x:Type Grid}, Mode=FindAncestor,AncestorLevel=2}}" />

</Grid>

这样允许你找到 Grid 。实际上来说,在这个例子中你可以很容易地获得 Grid 的引用,所以没有给你一个什么时候该使用相对资源的直观感受。相对资源在如果 Grid 是一些不可达的元素时将非常有用,例如 TextBox 在 Grid 的 DataTemplate 中。

TemplateBinding(模板绑定)

模板绑定允许你在控件的模板中把模板父元素的值绑定进来。

<RadioButton Foreground="Red">

<RadioButton.Template>

<ControlTemplate>

<ToggleButton Content="{TemplateBinding Foreground}"/>

</ControlTemplate>

</RadioButton.Template>

</RadioButton>

在这个例子中, ToggleButton 的标题将显示为 #FFFF00000 ,和 RadiButton 的颜色等效。

MUltiBinding(多重绑定)

多重绑定允许你基于多个绑定来创建绑定。你可以通过创建一个实现了 IMultiValueConverter 接口的类来把多个绑定声明转换为一个输出。不同的转换器和 MultiValueConverter 之间的唯一区别就是普通的 IValueConverter只使用一个值作为参数而 MultiValueConverter 可以使用来自所有绑定元素的一个数组的值。我们将在这个系列的后面讨论更多关于多重绑定的内容。

<Button x:Name="NextImageButton" >

<Button.IsEnabled>

<MultiBinding Converter="{StaticResource SelectedItemIndexIsNotLastToBoolean}">

<Binding Mode="OneWay" ElementName="ImageListBox" Path="SelectedIndex" />

<Binding Mode="OneWay" ElementName="ImageListBox" Path="Items.Count" />

</MultiBinding>

</Button.IsEnabled>

<Image Source="Icons/navigate_right.png"/>

</Button>

自定义标记扩展

WPF扩展标记X:STATIC

Android:扩展和转换片段问题

在代码片段中包含类型转换

WPF:概念绑定

CPNtools协议建模安全分析---实例变迁标记

WPF实用小工具