UWP的Converter妙用

　　MVVM模式的使用，简化了UWP应用的开发，使层次更加分明。在写xaml的时候，有些小技术还是很实用的；比如Converter，字面上理解是转换器，那它到底是转换什么的？接触过的可能知道它起的是类型转换的作用，当你绑定的数据是一堆字母，显示时却想将它变成汉字，一种做法可以在数据绑定前将这些数据转换成需要的文字，另一种做法就是使用Converter。它有两个好处：1，保持原始数据的完整性，不破坏原有数据结构。2，可以复用，别的地方需要直接将这个Converter拿过去就行。

　　先展示xaml代码，简单的一个例子，数据源给的是F（Famale）和M（Male），页面展示将它转换成男女显示。需要注意的是Converter是一个.CS文件，在页面的资源中声明后才可以使用。

 <Page
     x:Class="ConverterDemo.MainPage"
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:local="using:ConverterDemo"
     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
     mc:Ignorable="d">

     <Page.Resources>
         <ResourceDictionary>
             <local:SexConverter x:Key="SexConverter"/>
         </ResourceDictionary>
     </Page.Resources>
     <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
         <Grid.RowDefinitions>
             <RowDefinition Height="*"/>
             <RowDefinition Height="Auto"/>
             <RowDefinition Height="Auto"/>
             <RowDefinition Height="Auto"/>
             <RowDefinition Height="*"/>
         </Grid.RowDefinitions>
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="*"/>
             <ColumnDefinition Width="*"/>
         </Grid.ColumnDefinitions>
         <TextBlock Text="姓名"
                    HorizontalAlignment="Center"
                    Grid.Row="1"/>
         <TextBlock Text="{Binding Person.Name}"
                    HorizontalAlignment="Center"
                    Grid.Row="1"
                    Grid.Column="1"/>
         <TextBlock Text="年龄"
                    HorizontalAlignment="Center"
                    Grid.Row="2"/>
         <TextBlock Text="{Binding Person.Age}"
                    HorizontalAlignment="Center"
                    Grid.Row="2"
                    Grid.Column="1"/>
         <TextBlock Text="性别"
                    HorizontalAlignment="Center"
                    Grid.Row="3"/>
         <TextBlock Text="{Binding Person.Sex,Converter={StaticResource SexConverter}}"
                    HorizontalAlignment="Center"
                    Grid.Row="3"
                    Grid.Column="1"/>
     </Grid>
 </Page>

Converter的实现需要继承IValueConverter接口，这个接口是系统的，我们要实现的是两个方法Convert和ConvertBack。Convert方法是将数据源绑定的值传给该方法进行转换处理，ConvertBack则是将页面展示的值传给数据源时进行的转换处理，一般情况只使用Convert方法。这两个方法有相同的四个参数，value是数据源绑定传过来的值，targetType不用管它，parameter是转换参数用于根据一个值不能进行明确转换使用的，language就是语言，根据语言不同转换成不同形态可以使用。

 using System;
 using Windows.UI.Xaml.Data;

 namespace ConverterDemo
 {
     public class SexConverter : IValueConverter
     {
         public object Convert(object value, Type targetType, object parameter, string language)
         {
             Sex sex = (Sex)value;
             return sex == Sex.F ? "女" : "男";
         }

         public object ConvertBack(object value, Type targetType, object parameter, string language)
         {
             throw new NotImplementedException();
         }
     }
 }

剩余的代码部分就是根据MVVM随便写一下，添加个Model和ViewModel。

git地址：https://github.com/ZhangHua19920926/ConverterDemo.git