簡要說明：
IValueConverter主要用於XAML綁定和數據源之間的轉換
TypeConverter主要用於自定義類的屬性類型之間的轉換
本文主要講解如何使用IValueConverter和TypeConverter。我們通過兩個思考問題來引入如何使用IValueConverter和TypeConverter！
IValueConverter主要用於將數據源的數據轉換為需要在界面上顯示的數據，例如：將Url地址轉換為圖片顯示到界面上、將float類型數據顯示為貨幣類型、bool值和Visibility轉換等等
TypeConverter主要用於在XAML代碼中的字符串類型轉換為其他類型的數值，比如將一段字符串轉為Double類型以供Width屬性使用
思考一：我的數據集合的其中一個集合中的屬性為某個圖片的URL，如何將這個URL地址轉換為圖片顯示到DataGrid行中呢？
IValueConverter的使用方法：
一、首先編寫一個ImageConverter類型，此類繼承於IValueConverter接口，然后實現此接口的Convert和ConvertBack方法。注意Convert方法是將數據源的數據轉為需要顯示的數據，而ConvertBack方法用於將顯示出來的數據在TwoWay模式下回傳給數據源。如下面的代碼以編制：
public class ImageConverter : IValueConverter
{
//在載入數據的時候將數據轉換為圖片類型
public object Convert(object value, Type targetType, object parameter,
System.Globalization.CultureInfo culture)
{
try
{
Uri uri = new Uri((string)value, UriKind.RelativeOrAbsolute);
BitmapImage img = new BitmapImage(uri);
return img;
}
catch
{
return new BitmapImage();
}
}
//在頁面上操作的時候，將圖片類型轉換為數據，這里只有再TwoWay的時候才有用
public object ConvertBack(object value, Type targetType, object parameter,
System.Globalization.CultureInfo culture)
{
BitmapImage img = value as BitmapImage;
return img.UriSource.AbsoluteUri;
}
}
二、在UserControl的資源中申明ImageConverter以供DataGrid的數據源綁定時轉換數據
<UserControl.Resources>
<this:ImageConverter x:Key="ImageCoverter"/>
</UserControl.Resources>
三、在DataGrid中使用Converter轉換，代碼如下：
<sdk:DataGrid HorizontalAlignment="Left" AutoGenerateColumns="False" Name="ShowCityList" VerticalAlignment="Top" >
<sdk:DataGrid.Columns>
<sdk:DataGridTextColumn Header="省會" Binding="{Binding AddrName}" IsReadOnly="True"/>
<sdk:DataGridTextColumn Header="城市" Binding="{Binding CityName}" IsReadOnly="True" />
<sdk:DataGridTextColumn Header="電話區號" Binding="{Binding TelNum}" IsReadOnly="True" />
<sdk:DataGridTemplateColumn Header="城市圖片">
<sdk:DataGridTemplateColumn.CellTemplate>
<DataTemplate>
<Image Source="{Binding CityImageUrl, Mode=TwoWay, Converter={StaticResource ImageCoverter}}"></Image>
</DataTemplate>
</sdk:DataGridTemplateColumn.CellTemplate>
</sdk:DataGridTemplateColumn>
</sdk:DataGrid.Columns>
</sdk:DataGrid>
四、為這個DataGrid綁定數據源如下代碼：
public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
List<CityInformation> listCity = new List<CityInformation>()
{
new CityInformation(){
AddrName="四川",
CityName="成都",
TelNum="028-28884482",
CityImageUrl="http://sc.admin5.com/uploads/allimg/100211/105R34217-0.png"
},
new CityInformation()
{
AddrName="廣東",
CityName="廣州",
TelNum="021-22332884",
CityImageUrl="http://sc.admin5.com/uploads/allimg/100211/105R333J-4.png"
},
new CityInformation()
{
AddrName="上海",
CityName="上海",
TelNum="020-33245566",
CityImageUrl="http://sc.admin5.com/uploads/allimg/100211/105R31S6-9.png"
},
new CityInformation()
{
AddrName="北京",
CityName="北京",
TelNum="010-77534222",
CityImageUrl="http://sc.admin5.com/uploads/allimg/100211/105R33342-7.png"
}
};
this.ShowCityList.ItemsSource = listCity;
}
}
/// <summary>
/// 城市信息的實體類
/// </summary>
public class CityInformation
{
private string _AddrName;
private string _CityName;
private string _TelNum;
private string _cityImageUrl;
public string AddrName
{
get { return _AddrName; }
set { _AddrName = value; }
}
public string CityName
{
get { return _CityName; }
set { _CityName = value; }
}
public string TelNum
{
get { return _TelNum; }
set { _TelNum = value; }
}
public string CityImageUrl
{
get { return _cityImageUrl; }
set { _cityImageUrl = value; }
}
}
思考二：我需要做一個自定義控件，自定義控件是以厘米為單位來設置其寬度，而不是以像素為單位來設置，應該如何實現？
TypeConverter的使用方法：
一、編寫一個SLConverter類型繼承於TypeConverter類，重寫了CanConvertFrom方法和ConvertFrom方法將XAML中的String類型的數據轉換為Double類型賦值給自定義控件。
public class CustomLengthConverter : TypeConverter
{
//返回一個值，該值指示類型轉換器能否將指定類型的對象轉換為此轉換器的類型
public override bool CanConvertFrom(ITypeDescriptorContext context, Type sourceType)
{
if (sourceType == typeof(string))
{
return true;
}
return base.CanConvertFrom(context, sourceType);
}
//從指定值轉換為此轉換器的預期轉換類型。
public override object ConvertFrom(ITypeDescriptorContext context, CultureInfo culture, object value)
{
if (value == null)
{
return new Double();
}
if (value is string)
{
string s = (string)value;
if (s.Length == 0)
{
return new Double();
}
//將流入的字符串分割為兩部分，使用第一部分2cm*40=80=設置的像素
string[] arguments = s.Split(' ');
if (arguments.Length != 2)
{
return new Double();
}
else
{
//假設1cm=40px
return InternalParseInput((double.Parse(arguments[0])*40).ToString());
}
}
return base.ConvertFrom(context, culture, value);
}
//將String數據格式化為Double類型數據返回給屬性
public Double InternalParseInput(String inputString)
{
Double doubleValue;
try
{
doubleValue = Double.Parse(inputString);
}
catch (Exception)
{
doubleValue = new Double();
}
return doubleValue;
}
}
二、編寫一個自定義控件RichTextBlock，並且為這個自定義控件新增了兩個自定義屬性，其中一個是將cm轉換為px以顯示在屏幕上，這里使用TypeConverter的特性如下代碼：
public partial class RichTextBlock : UserControl
{
public RichTextBlock()
{
InitializeComponent();
}
[TypeConverter(typeof(CustomLengthConverter))]
public Double txtWidth
{
get { return this.txtBlock.Width; }
set { this.txtBlock.Width = value; }
}
public Double txtHeight
{
get { return this.txtBlock.Height; }
set { this.txtBlock.Height = value; }
}
}
三、在引用這個自定義控件的時候可以設置其自定義屬性如下代碼所示：
<this:RichTextBlock VerticalAlignment="Top" txtHeight="150" txtWidth="2 cm" />
參考地址：
https://msdn.microsoft.com/en-us/library/ms752347.aspx
http://wpftutorial.net/ValueConverters.html
http://blog.csdn.net/czs8585/article/details/6903286