发帖
翼度科技»论坛 › 编程开发 › .net › 查看内容

循序渐进介绍基于CommunityToolkit.Mvvm 和HandyControl的WPF应用端开发(8)

牧月印象

2

主题

2

帖子

6

积分

新手上路

Rank: 1

积分
6
显示全部楼层
在我们WPF应用端的时候，和WInform开发或者Vue前端开发一样，有时候也需要对内容进行转义处理，如把一些0,1数值转换为具体含义的文本信息，或者把一些布尔变量转换为是否等，都是常见的转换处理，本篇随笔介绍在WPF应用端对内容使用Converter类实现内容的转义处理的操作。
1、使用Converter实现内容转义或者强调颜色

一般在DataGrid中，我们往往都会根据需要对内容或者颜色进行一些转义处理，如下界面所示用户列表信息中，对性别和是否过期的内容进行颜色和内容的转义处理。

在DataGrid的XAML代码中，如果是常规的内容，通过定义列名称即可显示，如下所示。
  1. [/code]如果是日期或者字符串的格式处理，可以使用StringFormat的属性处理，如下所示。
  2. [code]<DataGridTemplateColumn MinWidth="100" Header="创建时间">
  3.     <DataGridTemplateColumn.CellTemplate>
  4. <WrapPanel
  5.     Width="350"
  6.     VerticalAlignment="Center"
  7.     Orientation="Horizontal">
  8.     <TextBlock Width="100" Text="账号过期" />
  9.     <CheckBox
  10.         HorizontalAlignment="Right"
  11.         VerticalAlignment="Center"
  12.         VerticalContentAlignment="Top"<strong>
  13.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  14.         FontWeight="Bold"
  15.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  16.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  17.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  18. </WrapPanel><DataTemplate>
  19. <Page.Resources>
  20.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  21.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  22.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  23. </Page.Resources><TextBlock Text="{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}" />
  24. <WrapPanel
  25.     Width="350"
  26.     VerticalAlignment="Center"
  27.     Orientation="Horizontal">
  28.     <TextBlock Width="100" Text="账号过期" />
  29.     <CheckBox
  30.         HorizontalAlignment="Right"
  31.         VerticalAlignment="Center"
  32.         VerticalContentAlignment="Top"<strong>
  33.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  34.         FontWeight="Bold"
  35.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  36.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  37.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  38. </WrapPanel></DataTemplate>
  39.     </DataGridTemplateColumn.CellTemplate>
  40. </DataGridTemplateColumn>
复制代码
而如果需要转义，则需要设置Converter的对象类，我们的代码如下所示。
  1. <DataGridTemplateColumn MinWidth="100" Header="创建时间">
  2.     <DataGridTemplateColumn.CellTemplate>
  3. <WrapPanel
  4.     Width="350"
  5.     VerticalAlignment="Center"
  6.     Orientation="Horizontal">
  7.     <TextBlock Width="100" Text="账号过期" />
  8.     <CheckBox
  9.         HorizontalAlignment="Right"
  10.         VerticalAlignment="Center"
  11.         VerticalContentAlignment="Top"<strong>
  12.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  13.         FontWeight="Bold"
  14.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  15.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  16.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  17. </WrapPanel><DataTemplate>
  18. <Page.Resources>
  19.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  20.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  21.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  22. </Page.Resources><TextBlock Text="{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}" />
  23. <WrapPanel
  24.     Width="350"
  25.     VerticalAlignment="Center"
  26.     Orientation="Horizontal">
  27.     <TextBlock Width="100" Text="账号过期" />
  28.     <CheckBox
  29.         HorizontalAlignment="Right"
  30.         VerticalAlignment="Center"
  31.         VerticalContentAlignment="Top"<strong>
  32.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  33.         FontWeight="Bold"
  34.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  35.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  36.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  37. </WrapPanel></DataTemplate>
  38.     </DataGridTemplateColumn.CellTemplate>
  39. </DataGridTemplateColumn><DataGridTemplateColumn MinWidth="100" Header="创建时间">
  40.     <DataGridTemplateColumn.CellTemplate>
  41. <WrapPanel
  42.     Width="350"
  43.     VerticalAlignment="Center"
  44.     Orientation="Horizontal">
  45.     <TextBlock Width="100" Text="账号过期" />
  46.     <CheckBox
  47.         HorizontalAlignment="Right"
  48.         VerticalAlignment="Center"
  49.         VerticalContentAlignment="Top"<strong>
  50.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  51.         FontWeight="Bold"
  52.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  53.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  54.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  55. </WrapPanel><DataTemplate>
  56. <Page.Resources>
  57.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  58.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  59.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  60. </Page.Resources><TextBlock Text="{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}" />
  61. <WrapPanel
  62.     Width="350"
  63.     VerticalAlignment="Center"
  64.     Orientation="Horizontal">
  65.     <TextBlock Width="100" Text="账号过期" />
  66.     <CheckBox
  67.         HorizontalAlignment="Right"
  68.         VerticalAlignment="Center"
  69.         VerticalContentAlignment="Top"<strong>
  70.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  71.         FontWeight="Bold"
  72.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  73.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  74.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  75. </WrapPanel></DataTemplate>
  76.     </DataGridTemplateColumn.CellTemplate>
  77. </DataGridTemplateColumn>
复制代码
 
2、Converter转义类的编写和应用

上面的转义处理中，可以对多个属性进行转义，如前景颜色或者Text文本等等。转义类的定义也比较简单，只需要实现IValueConverter接口即可，一般不需要双向的话，实现Convert函数即可，代码如下所示。
  1. /// <summary>
  2. /// 用来转换性别字符串到颜色
  3. /// </summary>
  4. internal class GenderColorConverter : <strong>IValueConverter</strong>
  5. {
  6.     public object <strong>Convert</strong>(object value, Type targetType, object parameter, CultureInfo culture)
  7.     {
  8. <WrapPanel
  9.     Width="350"
  10.     VerticalAlignment="Center"
  11.     Orientation="Horizontal">
  12.     <TextBlock Width="100" Text="账号过期" />
  13.     <CheckBox
  14.         HorizontalAlignment="Right"
  15.         VerticalAlignment="Center"
  16.         VerticalContentAlignment="Top"<strong>
  17.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  18.         FontWeight="Bold"
  19.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  20.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  21.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  22. </WrapPanel>if (value is null) return "";
  24. <WrapPanel
  25.     Width="350"
  26.     VerticalAlignment="Center"
  27.     Orientation="Horizontal">
  28.     <TextBlock Width="100" Text="账号过期" />
  29.     <CheckBox
  30.         HorizontalAlignment="Right"
  31.         VerticalAlignment="Center"
  32.         VerticalContentAlignment="Top"<strong>
  33.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  34.         FontWeight="Bold"
  35.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  36.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  37.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  38. </WrapPanel>if(value.ToString() == "男")
  39. <WrapPanel
  40.     Width="350"
  41.     VerticalAlignment="Center"
  42.     Orientation="Horizontal">
  43.     <TextBlock Width="100" Text="账号过期" />
  44.     <CheckBox
  45.         HorizontalAlignment="Right"
  46.         VerticalAlignment="Center"
  47.         VerticalContentAlignment="Top"<strong>
  48.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  49.         FontWeight="Bold"
  50.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  51.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  52.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  53. </WrapPanel>{
  54. <Page.Resources>
  55.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  56.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  57.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  58. </Page.Resources>return "green";
  59. <WrapPanel
  60.     Width="350"
  61.     VerticalAlignment="Center"
  62.     Orientation="Horizontal">
  63.     <TextBlock Width="100" Text="账号过期" />
  64.     <CheckBox
  65.         HorizontalAlignment="Right"
  66.         VerticalAlignment="Center"
  67.         VerticalContentAlignment="Top"<strong>
  68.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  69.         FontWeight="Bold"
  70.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  71.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  72.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  73. </WrapPanel>}
  74. <WrapPanel
  75.     Width="350"
  76.     VerticalAlignment="Center"
  77.     Orientation="Horizontal">
  78.     <TextBlock Width="100" Text="账号过期" />
  79.     <CheckBox
  80.         HorizontalAlignment="Right"
  81.         VerticalAlignment="Center"
  82.         VerticalContentAlignment="Top"<strong>
  83.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  84.         FontWeight="Bold"
  85.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  86.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  87.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  88. </WrapPanel>else
  89. <WrapPanel
  90.     Width="350"
  91.     VerticalAlignment="Center"
  92.     Orientation="Horizontal">
  93.     <TextBlock Width="100" Text="账号过期" />
  94.     <CheckBox
  95.         HorizontalAlignment="Right"
  96.         VerticalAlignment="Center"
  97.         VerticalContentAlignment="Top"<strong>
  98.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  99.         FontWeight="Bold"
  100.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  101.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  102.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  103. </WrapPanel>{
  104. <Page.Resources>
  105.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  106.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  107.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  108. </Page.Resources>return "red";
  109. <WrapPanel
  110.     Width="350"
  111.     VerticalAlignment="Center"
  112.     Orientation="Horizontal">
  113.     <TextBlock Width="100" Text="账号过期" />
  114.     <CheckBox
  115.         HorizontalAlignment="Right"
  116.         VerticalAlignment="Center"
  117.         VerticalContentAlignment="Top"<strong>
  118.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  119.         FontWeight="Bold"
  120.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  121.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  122.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  123. </WrapPanel>}
  124.     }
  126.     public object <strong>ConvertBack</strong>(object value, Type targetType, object parameter, CultureInfo culture)
  127.     {
  128. <WrapPanel
  129.     Width="350"
  130.     VerticalAlignment="Center"
  131.     Orientation="Horizontal">
  132.     <TextBlock Width="100" Text="账号过期" />
  133.     <CheckBox
  134.         HorizontalAlignment="Right"
  135.         VerticalAlignment="Center"
  136.         VerticalContentAlignment="Top"<strong>
  137.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  138.         FontWeight="Bold"
  139.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  140.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  141.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  142. </WrapPanel>throw new NotImplementedException();
  143.     }
  144. }
复制代码
或者
  1.     public class<strong> NumberToYesNoStrConverter</strong> : IValueConverter
  2.     {
  3. <WrapPanel
  4.     Width="350"
  5.     VerticalAlignment="Center"
  6.     Orientation="Horizontal">
  7.     <TextBlock Width="100" Text="账号过期" />
  8.     <CheckBox
  9.         HorizontalAlignment="Right"
  10.         VerticalAlignment="Center"
  11.         VerticalContentAlignment="Top"<strong>
  12.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  13.         FontWeight="Bold"
  14.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  15.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  16.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  17. </WrapPanel>public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  18. <WrapPanel
  19.     Width="350"
  20.     VerticalAlignment="Center"
  21.     Orientation="Horizontal">
  22.     <TextBlock Width="100" Text="账号过期" />
  23.     <CheckBox
  24.         HorizontalAlignment="Right"
  25.         VerticalAlignment="Center"
  26.         VerticalContentAlignment="Top"<strong>
  27.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  28.         FontWeight="Bold"
  29.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  30.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  31.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  32. </WrapPanel>{
  33. <Page.Resources>
  34.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  35.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  36.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  37. </Page.Resources>var flag = ConvertToBoolean(value);
  38. <Page.Resources>
  39.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  40.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  41.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  42. </Page.Resources>return flag ? "是" : "否";
  43. <WrapPanel
  44.     Width="350"
  45.     VerticalAlignment="Center"
  46.     Orientation="Horizontal">
  47.     <TextBlock Width="100" Text="账号过期" />
  48.     <CheckBox
  49.         HorizontalAlignment="Right"
  50.         VerticalAlignment="Center"
  51.         VerticalContentAlignment="Top"<strong>
  52.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  53.         FontWeight="Bold"
  54.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  55.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  56.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  57. </WrapPanel>}
  59. <WrapPanel
  60.     Width="350"
  61.     VerticalAlignment="Center"
  62.     Orientation="Horizontal">
  63.     <TextBlock Width="100" Text="账号过期" />
  64.     <CheckBox
  65.         HorizontalAlignment="Right"
  66.         VerticalAlignment="Center"
  67.         VerticalContentAlignment="Top"<strong>
  68.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  69.         FontWeight="Bold"
  70.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  71.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  72.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  73. </WrapPanel>private bool ConvertToBoolean(object value)
  74. <WrapPanel
  75.     Width="350"
  76.     VerticalAlignment="Center"
  77.     Orientation="Horizontal">
  78.     <TextBlock Width="100" Text="账号过期" />
  79.     <CheckBox
  80.         HorizontalAlignment="Right"
  81.         VerticalAlignment="Center"
  82.         VerticalContentAlignment="Top"<strong>
  83.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  84.         FontWeight="Bold"
  85.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  86.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  87.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  88. </WrapPanel>{
  89. <Page.Resources>
  90.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  91.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  92.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  93. </Page.Resources>if (value == null)
  94. <Page.Resources>
  95.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  96.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  97.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  98. </Page.Resources>    return false;
  100. <Page.Resources>
  101.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  102.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  103.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  104. </Page.Resources>return value switch
  105. <Page.Resources>
  106.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  107.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  108.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  109. </Page.Resources>{
  110. <Page.Resources>
  111.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  112.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  113.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  114. </Page.Resources>    float f => f != 0.0f,
  115. <Page.Resources>
  116.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  117.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  118.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  119. </Page.Resources>    double d => d != 0.0f,
  120. <Page.Resources>
  121.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  122.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  123.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  124. </Page.Resources>    int i => i != 0,
  125. <Page.Resources>
  126.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  127.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  128.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  129. </Page.Resources>    long l => l != 0.0f,
  130. <Page.Resources>
  131.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  132.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  133.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  134. </Page.Resources>    _ => throw new NotSupportedException($"value must be a number type, got {value?.GetType()}")
  135. <Page.Resources>
  136.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  137.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  138.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  139. </Page.Resources>};
  140. <WrapPanel
  141.     Width="350"
  142.     VerticalAlignment="Center"
  143.     Orientation="Horizontal">
  144.     <TextBlock Width="100" Text="账号过期" />
  145.     <CheckBox
  146.         HorizontalAlignment="Right"
  147.         VerticalAlignment="Center"
  148.         VerticalContentAlignment="Top"<strong>
  149.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  150.         FontWeight="Bold"
  151.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  152.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  153.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  154. </WrapPanel>}
  156. <WrapPanel
  157.     Width="350"
  158.     VerticalAlignment="Center"
  159.     Orientation="Horizontal">
  160.     <TextBlock Width="100" Text="账号过期" />
  161.     <CheckBox
  162.         HorizontalAlignment="Right"
  163.         VerticalAlignment="Center"
  164.         VerticalContentAlignment="Top"<strong>
  165.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  166.         FontWeight="Bold"
  167.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  168.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  169.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  170. </WrapPanel>public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) => throw new NotImplementedException();
  171.     }
复制代码
  1. public class<strong> String2VisibilityConverter</strong> : IValueConverter
  2. {
  3.     public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  4.     {
  5. <WrapPanel
  6.     Width="350"
  7.     VerticalAlignment="Center"
  8.     Orientation="Horizontal">
  9.     <TextBlock Width="100" Text="账号过期" />
  10.     <CheckBox
  11.         HorizontalAlignment="Right"
  12.         VerticalAlignment="Center"
  13.         VerticalContentAlignment="Top"<strong>
  14.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  15.         FontWeight="Bold"
  16.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  17.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  18.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  19. </WrapPanel>return string.IsNullOrEmpty((string)value) ? Visibility.Collapsed : Visibility.Visible;
  20.     }
  22.     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
  23.     {
  24. <WrapPanel
  25.     Width="350"
  26.     VerticalAlignment="Center"
  27.     Orientation="Horizontal">
  28.     <TextBlock Width="100" Text="账号过期" />
  29.     <CheckBox
  30.         HorizontalAlignment="Right"
  31.         VerticalAlignment="Center"
  32.         VerticalContentAlignment="Top"<strong>
  33.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  34.         FontWeight="Bold"
  35.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  36.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  37.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  38. </WrapPanel>return value != null && (Visibility)value == Visibility.Collapsed;
  39.     }
  40. }
  42. public class<strong> String2VisibilityReConverter</strong> : IValueConverter
  43. {
  44.     public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
  45.     {
  46. <WrapPanel
  47.     Width="350"
  48.     VerticalAlignment="Center"
  49.     Orientation="Horizontal">
  50.     <TextBlock Width="100" Text="账号过期" />
  51.     <CheckBox
  52.         HorizontalAlignment="Right"
  53.         VerticalAlignment="Center"
  54.         VerticalContentAlignment="Top"<strong>
  55.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  56.         FontWeight="Bold"
  57.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  58.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  59.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  60. </WrapPanel>return string.IsNullOrEmpty((string)value) ? Visibility.Visible : Visibility.Collapsed;
  61.     }
  63.     public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
  64.     {
  65. <WrapPanel
  66.     Width="350"
  67.     VerticalAlignment="Center"
  68.     Orientation="Horizontal">
  69.     <TextBlock Width="100" Text="账号过期" />
  70.     <CheckBox
  71.         HorizontalAlignment="Right"
  72.         VerticalAlignment="Center"
  73.         VerticalContentAlignment="Top"<strong>
  74.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  75.         FontWeight="Bold"
  76.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  77.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  78.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  79. </WrapPanel>return value != null && (Visibility)value == Visibility.Collapsed;
  80.     }
  81. }
复制代码
转义类的函数，可以参考很多案例进行收集一些常用的，也可以自己根据需要创建一些转义函数，虽然感觉比较麻烦一些，不过重用性较好。一般可以放在页面或者窗口的视图代码中，如下代码所示。
  1. <Page.Resources>
  2.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  3.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  4.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  5. </Page.Resources>
复制代码
如果考虑整个App重用这些转义类的内容，也可以放在App.xaml，那么所有的转义函数就是全局可用的了，我倾向于这种方式，可以减少每个窗口或者页面的代码，比较简洁。
  1. <DataGridTemplateColumn MinWidth="100" Header="创建时间">
  2.     <DataGridTemplateColumn.CellTemplate>
  3. <WrapPanel
  4.     Width="350"
  5.     VerticalAlignment="Center"
  6.     Orientation="Horizontal">
  7.     <TextBlock Width="100" Text="账号过期" />
  8.     <CheckBox
  9.         HorizontalAlignment="Right"
  10.         VerticalAlignment="Center"
  11.         VerticalContentAlignment="Top"<strong>
  12.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  13.         FontWeight="Bold"
  14.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  15.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  16.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  17. </WrapPanel><DataTemplate>
  18. <Page.Resources>
  19.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  20.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  21.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  22. </Page.Resources><TextBlock Text="{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}" />
  23. <WrapPanel
  24.     Width="350"
  25.     VerticalAlignment="Center"
  26.     Orientation="Horizontal">
  27.     <TextBlock Width="100" Text="账号过期" />
  28.     <CheckBox
  29.         HorizontalAlignment="Right"
  30.         VerticalAlignment="Center"
  31.         VerticalContentAlignment="Top"<strong>
  32.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  33.         FontWeight="Bold"
  34.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  35.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  36.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  37. </WrapPanel></DataTemplate>
  38.     </DataGridTemplateColumn.CellTemplate>
  39. </DataGridTemplateColumn><Page.Resources>
  40.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  41.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  42.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  43. </Page.Resources><Page.Resources>
  44.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  45.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  46.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  47. </Page.Resources>........................   
复制代码
除了DataGrid中使用，我们也可以其他页面展示的地方使用Converter实现我们的转义效果，如下所示是编辑用户详细信息的页面，其中对性别颜色进行强调，对账户是否过期进行转义和颜色强调。

 其中Xaml的界面代码如下所示
  1. <WrapPanel
  2.     Width="350"
  3.     VerticalAlignment="Center"
  4.     Orientation="Horizontal">
  5.     <TextBlock Width="100" Text="账号过期" />
  6.     <CheckBox
  7.         HorizontalAlignment="Right"
  8.         VerticalAlignment="Center"
  9.         VerticalContentAlignment="Top"<strong>
  10.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  11.         FontWeight="Bold"
  12.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  13.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  14.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  15. </WrapPanel>
复制代码
另外，我们也可以使用它来控制一些UI元素的显示，如下对于编辑状态下，不显示用户的初始化密码的文本框架，如下所示。
  1. [/code]以及对于角色处理的时候，我们创建角色的时候，仅仅显示简单信息，编辑的时候，显示更多的信息，如下界面代码控制。
  2. [align=center][/align]
  3. 新建角色的时候，界面如下所示。
  4. [align=center][/align]
  5. 编辑角色的时候，我们根据角色显示更多的信息，如下界面所示。
  6. [align=center][/align]
  7.  
  8. [size=4] 3、不使用Converter类实现内容转义[/size]
  10.  有时候，为了一些特殊的处理，我们可能不一定使用Converter来实现内容的转义，我们也可以直接处理，如下DataGrid里面的列处理，可以直接使用 Triggers 进行转义的处理，如下代码所示。
  11. [code]<DataGridTemplateColumn MinWidth="100" Header="创建时间">
  12.     <DataGridTemplateColumn.CellTemplate>
  13. <WrapPanel
  14.     Width="350"
  15.     VerticalAlignment="Center"
  16.     Orientation="Horizontal">
  17.     <TextBlock Width="100" Text="账号过期" />
  18.     <CheckBox
  19.         HorizontalAlignment="Right"
  20.         VerticalAlignment="Center"
  21.         VerticalContentAlignment="Top"<strong>
  22.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  23.         FontWeight="Bold"
  24.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  25.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  26.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  27. </WrapPanel><DataTemplate>
  28. <Page.Resources>
  29.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  30.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  31.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  32. </Page.Resources><TextBlock Text="{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}" />
  33. <WrapPanel
  34.     Width="350"
  35.     VerticalAlignment="Center"
  36.     Orientation="Horizontal">
  37.     <TextBlock Width="100" Text="账号过期" />
  38.     <CheckBox
  39.         HorizontalAlignment="Right"
  40.         VerticalAlignment="Center"
  41.         VerticalContentAlignment="Top"<strong>
  42.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  43.         FontWeight="Bold"
  44.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  45.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  46.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  47. </WrapPanel></DataTemplate>
  48.     </DataGridTemplateColumn.CellTemplate>
  49. </DataGridTemplateColumn><DataGridTemplateColumn MinWidth="100" Header="创建时间">
  50.     <DataGridTemplateColumn.CellTemplate>
  51. <WrapPanel
  52.     Width="350"
  53.     VerticalAlignment="Center"
  54.     Orientation="Horizontal">
  55.     <TextBlock Width="100" Text="账号过期" />
  56.     <CheckBox
  57.         HorizontalAlignment="Right"
  58.         VerticalAlignment="Center"
  59.         VerticalContentAlignment="Top"<strong>
  60.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  61.         FontWeight="Bold"
  62.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  63.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  64.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  65. </WrapPanel><DataTemplate>
  66. <Page.Resources>
  67.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  68.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  69.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  70. </Page.Resources><TextBlock Text="{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}" />
  71. <WrapPanel
  72.     Width="350"
  73.     VerticalAlignment="Center"
  74.     Orientation="Horizontal">
  75.     <TextBlock Width="100" Text="账号过期" />
  76.     <CheckBox
  77.         HorizontalAlignment="Right"
  78.         VerticalAlignment="Center"
  79.         VerticalContentAlignment="Top"<strong>
  80.         Content</strong>="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToYesNoStrConverter</strong>}}"
  81.         FontWeight="Bold"
  82.         Foreground="{Binding ViewModel.Item.IsExpire, Converter={StaticResource <strong>BooleanToColorConverter</strong>}}"
  83.         IsChecked="{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}"
  84.         IsEnabled="{Binding ViewModel.IsEdit, Mode=OneWay}" />
  85. </WrapPanel></DataTemplate>
  86.     </DataGridTemplateColumn.CellTemplate>
  87. </DataGridTemplateColumn><Page.Resources>
  88.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  89.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  90.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  91. </Page.Resources><Page.Resources>
  92.     <BooleanToVisibilityConverter x:Key="BoolToVisConverter" />
  93.     <helpers:String2VisibilityConverter x:Key="String2VisibilityConverter" />
  94.     <helpers:String2VisibilityReConverter x:Key="String2VisibilityReConverter" />
  95. </Page.Resources>   
复制代码

这种处理，代码较多一些，而没法重用，但是贵在直接，而且能够一次性控制多个内容的处理。 
 以上就是在WPF应用端开发中使用Converter类实现内容的转义处理的一些应用心得和总结。

来源:https://www.cnblogs.com/wuhuacong/archive/2023/10/14/17763967.html
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有账号？立即注册

x

上一篇: 基于.Net 的 AvaloniUI 多媒体播放器方案汇总

下一篇: ASP.NET Core使用Hangfire定时发布文章

发表于 2023-10-14 16:43:12

举报 回复 使用道具

返回列表 发新帖

Archiver|手机版|小黑屋|翼度科技

Copyright © 2001-2020, Tencent Cloud.　Powered by Discuz! X3.4