个人中心
文章发布
退出
作者热门文章
- Java锁的逻辑（结合对象头和ObjectMonitor）
- 还在用饼状图？来瞧瞧这些炫酷的百分比可视化新图形（附代码实现）⛵
- 自动注册实体类到EntityFrameworkCore上下文，并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
31
4
在我们WPF应用端的时候，和WInform开发或者Vue前端开发一样，有时候也需要对内容进行转义处理，如把一些0,1数值转换为具体含义的文本信息，或者把一些布尔变量转换为是否等，都是常见的转换处理，本篇随笔介绍在WPF应用端对内容使用Converter类实现内容的转义处理的操作.
一般在DataGrid中，我们往往都会根据需要对内容或者颜色进行一些转义处理，如下界面所示用户列表信息中，对性别和是否过期的内容进行颜色和内容的转义处理.
在DataGrid的XAML代码中，如果是常规的内容，通过定义列名称即可显示，如下所示.
<
DataGridTextColumn
Width
="SizeToCells"
Binding
="
{Binding Name}
"
Header
="用户名称"
/>
如果是日期或者字符串的格式处理，可以使用StringFormat的属性处理，如下所示.
<
DataGridTemplateColumn
MinWidth
="100"
Header
="创建时间"
>
<
DataGridTemplateColumn.CellTemplate
>
<
DataTemplate
>
<
TextBlock
Text
="
{Binding CreateTime, StringFormat=yyyy-MM-dd hh:mm}
"
/>
</
DataTemplate
>
</
DataGridTemplateColumn.CellTemplate
>
</
DataGridTemplateColumn
>
而如果需要转义，则需要设置Converter的对象类，我们的代码如下所示.
<
DataGridTemplateColumn
MinWidth
="60"
Header
="性别"
>
<
DataGridTemplateColumn.CellTemplate
>
<
DataTemplate
>
<
TextBlock
Foreground
="
{Binding Gender, Converter={StaticResource
GenderColorConverter
}}
"
Text
="
{Binding Gender}
"
/>
</
DataTemplate
>
</
DataGridTemplateColumn.CellTemplate
>
</
DataGridTemplateColumn
>
<
DataGridTemplateColumn
MinWidth
="60"
Header
="是否过期"
>
<
DataGridTemplateColumn.CellTemplate
>
<
DataTemplate
>
<
TextBlock
Foreground
="
{Binding IsExpire, Converter={StaticResource
BooleanToColorConverter
}}
"
Text
="
{Binding IsExpire, Converter={StaticResource
BooleanToYesNoStrConverter
}}
"
/>
</
DataTemplate
>
</
DataGridTemplateColumn.CellTemplate
>
</
DataGridTemplateColumn
>
。
上面的转义处理中，可以对多个属性进行转义，如前景颜色或者Text文本等等。转义类的定义也比较简单，只需要实现IValueConverter接口即可，一般不需要双向的话，实现Convert函数即可，代码如下所示.
///
<summary>
///
用来转换性别字符串到颜色
///
</summary>
internal
class
GenderColorConverter :
IValueConverter
{
public
object
Convert
(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
if
(value
is
null
)
return
""
;
if
(value.ToString() ==
"
男
"
)
{
return
"
green
"
;
}
else
{
return
"
red
"
;
}
}
public
object
ConvertBack
(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
throw
new
NotImplementedException();
}
}
或者 。
public
class
NumberToYesNoStrConverter
: IValueConverter
{
public
object
Convert(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
var
flag =
ConvertToBoolean(value);
return
flag ?
"
是
"
:
"
否
"
;
}
private
bool
ConvertToBoolean(
object
value)
{
if
(value ==
null
)
return
false
;
return
value
switch
{
float
f => f !=
0.0f
,
double
d => d !=
0.0f
,
int
i => i !=
0
,
long
l => l !=
0.0f
,
_
=>
throw
new
NotSupportedException($
"
value must be a number type, got {value?.GetType()}
"
)
};
}
public
object
ConvertBack(
object
value, Type targetType,
object
parameter, CultureInfo culture) =>
throw
new
NotImplementedException();
}
public
class
String2VisibilityConverter
: IValueConverter
{
public
object
Convert(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
return
string
.IsNullOrEmpty((
string
)value) ?
Visibility.Collapsed : Visibility.Visible;
}
public
object
ConvertBack(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
return
value !=
null
&& (Visibility)value ==
Visibility.Collapsed;
}
}
public
class
String2VisibilityReConverter
: IValueConverter
{
public
object
Convert(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
return
string
.IsNullOrEmpty((
string
)value) ?
Visibility.Visible : Visibility.Collapsed;
}
public
object
ConvertBack(
object
value, Type targetType,
object
parameter, CultureInfo culture)
{
return
value !=
null
&& (Visibility)value ==
Visibility.Collapsed;
}
}
转义类的函数，可以参考很多案例进行收集一些常用的，也可以自己根据需要创建一些转义函数，虽然感觉比较麻烦一些，不过重用性较好。一般可以放在页面或者窗口的视图代码中，如下代码所示.
<
Page.Resources
>
<
BooleanToVisibilityConverter
x:Key
="BoolToVisConverter"
/>
<
helpers:String2VisibilityConverter
x:Key
="String2VisibilityConverter"
/>
<
helpers:String2VisibilityReConverter
x:Key
="String2VisibilityReConverter"
/>
</
Page.Resources
>
如果考虑整个App重用这些转义类的内容，也可以放在App.xaml，那么所有的转义函数就是全局可用的了，我倾向于这种方式，可以减少每个窗口或者页面的代码，比较简洁.
<
Application.Resources
>
<
ResourceDictionary
>
<!--
整合所有用到的转义辅助类，减少页面中添加的处理代码
-->
<
helpers:IntToBooleanConverter
x:Key
="IntToBooleanConverter"
/>
<
helpers:EnumToBooleanConverter
x:Key
="EnumToBooleanConverter"
/>
<
helpers:BooleanToYesNoStrConverter
x:Key
="BooleanToYesNoStrConverter"
/>
<
helpers:BooleanToColorConverter
x:Key
="BooleanToColorConverter"
/>
<
helpers:GenderColorConverter
x:Key
="GenderColorConverter"
/>
........................
</
ResourceDictionary
>
</
Application.Resources
>
除了DataGrid中使用，我们也可以其他页面展示的地方使用Converter实现我们的转义效果，如下所示是编辑用户详细信息的页面，其中对性别颜色进行强调，对账户是否过期进行转义和颜色强调.
其中Xaml的界面代码如下所示 。
<
WrapPanel
Width
="350"
VerticalAlignment
="Center"
Orientation
="Horizontal"
>
<
TextBlock
Width
="100"
Text
="账号过期"
/>
<
CheckBox
HorizontalAlignment
="Right"
VerticalAlignment
="Center"
VerticalContentAlignment
="Top"
Content
="
{Binding ViewModel.Item.IsExpire, Converter={StaticResource
BooleanToYesNoStrConverter
}}
"
FontWeight
="Bold"
Foreground
="
{Binding ViewModel.Item.IsExpire, Converter={StaticResource
BooleanToColorConverter
}}
"
IsChecked
="
{Binding ViewModel.Item.IsExpire, UpdateSourceTrigger=PropertyChanged}
"
IsEnabled
="
{Binding ViewModel.IsEdit, Mode=OneWay}
"
/>
</
WrapPanel
>
另外，我们也可以使用它来控制一些UI元素的显示，如下对于编辑状态下，不显示用户的初始化密码的文本框架，如下所示.
<
TextBox
x:Name
="InitPassword"
Width
="350"
Margin
="5"
hc:TitleElement.Title
="初始密码"
hc:TitleElement.TitlePlacement
="Left"
Style
="
{StaticResource TextBoxExtend}
"
Text
="
{Binding ViewModel.Item.Password, UpdateSourceTrigger=PropertyChanged}
"
Visibility
="
{Binding ViewModel.
IsEdit
, Converter={StaticResource
Boolean2VisibilityReConverter
}}
"
/>
以及对于角色处理的时候，我们创建角色的时候，仅仅显示简单信息，编辑的时候，显示更多的信息，如下界面代码控制.
新建角色的时候，界面如下所示.
编辑角色的时候，我们根据角色显示更多的信息，如下界面所示.
。
有时候，为了一些特殊的处理，我们可能不一定使用Converter来实现内容的转义，我们也可以直接处理，如下DataGrid里面的列处理，可以直接使用 Triggers 进行转义的处理，如下代码所示.
<
DataGridTemplateColumn
Width
="*"
Header
="授权类型"
>
<
DataGridTemplateColumn.CellTemplate
>
<
DataTemplate
>
<
TextBlock
>
<
TextBlock.Style
>
<
Style
TargetType
="TextBlock"
>
<
Style.Triggers
>
<
DataTrigger
Binding
="
{Binding Path=AuthorizeType}
"
Value
="1"
>
<
Setter
Property
="Text"
Value
="白名单"
/>
<
Setter
Property
="Foreground"
Value
="Green"
/>
</
DataTrigger
>
<
DataTrigger
Binding
="
{Binding Path=AuthorizeType}
"
Value
="0"
>
<
Setter
Property
="Text"
Value
="黑名单"
/>
<
Setter
Property
="Foreground"
Value
="Red"
/>
</
DataTrigger
>
</
Style.Triggers
>
</
Style
>
</
TextBlock.Style
>
</
TextBlock
>
</
DataTemplate
>
</
DataGridTemplateColumn.CellTemplate
>
</
DataGridTemplateColumn
>
这种处理，代码较多一些，而没法重用，但是贵在直接，而且能够一次性控制多个内容的处理。 。
以上就是在WPF应用端开发中使用Converter类实现内容的转义处理的一些应用心得和总结.
最后此篇关于循序渐进介绍基于CommunityToolkit.Mvvm和HandyControl的WPF应用端开发(8)--使用Converter类实现内容的转义处理的文章就讲到这里了,如果你想了解更多关于循序渐进介绍基于CommunityToolkit.Mvvm和HandyControl的WPF应用端开发(8)--使用Converter类实现内容的转义处理的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
31
4
0
我有一个使用 css 列的下拉菜单，当我使用 jquery slide() 时，它会调整下拉框的大小，并重排内容直到达到完整高度。 这是一个工作示例 https://codepen.io/peterg
我有一个带有嵌套 ScrollViewer 的 Expander，如下所示: 代码(简化版)
我想在所有 ajax 调用之后调用一些 javascript 函数。我知道如何调用每个单独的 ajax 调用中的函数，如下所示: function xyz() { if (window.XMLHttp
我想将值从应用程序端传递到 api。在此 api 调用中传递图像、名字、电子邮件、电话和位置。在 Debug模式下，检查值不会被传递。 代码下方 File file = null;
我正在尝试在使用reportlab生成的pdf中的表格后插入分页符，我正在使用以下函数生成pdf: def render_to_pdf(template_src, context_dict): t
CBPeripheralManager 是否有推荐的方法来终止连接。到目前为止我发现的最好的方法就是干脆不响应动态值，然后 BLE 堆栈似乎关闭了连接，但这似乎很粗糙。 一定有更好的方法吗？ 最佳答案
我的 API 的 REST 端位于以下地址:http://test.jll.aplikacje-dedykowane.pl/rest/warehouse/all 。现在，我尝试返回在此页面准备的 JS
我有以下 CPP 代码。我想做的是，当我的 native 端发生错误时，我会通知 Java 该错误。我用了How can I catch SIGSEGV (segmentation fault) an
限制对象的方法之一是像这样给函数添加限制 def ten_objects(): obj = Model.objects.all()[0:10] # limit to 10 retur
我目前在电信公司实习，这是一个专业，也是本科生。我有很多选择。据我所知，我知道独立应用程序端的 c、c++、c#、java 语言，在移动端我尝试进入 android 世界，也知道 php、mysql、
我想让我的边框底部看起来像这样: 有一个 flex 的末端。目前它看起来像这样: 我尝试使用的 CSS 是 border-bottom-right-radius: 10px;。代码如下所示:
我有一个 Flutter 项目，突然间，据我所知，我没有做任何特别的事情..Android 端开始显示错误，我完全迷路了，我完全不知道哪里出了问题，也不知道为什么会这样。 这就是我打开 android
我有一个自定义对象列表 (List) 。我需要将此数据发送到 React Native 端以显示在平面列表中。我该怎么做？这个列表出现在 类 NativeToReact(reactContext:Re
我有这个代码: #if defined(NOT_STANDALONE) JNIEXPORT void JNICALL sumTraces (JNIEnv* env, jclass caller,
我有一个定义一对多模型关系的 Django 应用程序。模型如下所示: from django.db import models # Create your models here. class Str
我有以下代码，它根据 IFrame 内容的大小调整 IFrame 的大小: function setIframeHeight(id) {
如何创建自定义过滤器 angularjs javascript Controller 端？我想通过 SegmentId 在名为段的数组中搜索，以创建过滤器，该过滤器通过 SegmentId 在段数组搜
我的代码在 netbeans 8.0.2 中我几乎尝试了所有方法，但没有结果。请帮助我。如何在 netbeans 中显示它？ 最佳答案 您只需单击源包(源文件)，它就会显示您的项目文件。 关于java
我想这是纯 C++ 问题和 OpenGL 问题之间的一种交叉。我有一个统一的缓冲区，并在其中分配 sizeof(ShaderData) 字节的空间。我在着色器的 GPU 端使用 std140 布局。
我对 Hadoop 中 reduce 端的文件合并过程的理解有问题，因为它在“Hadoop:权威指南”(Tom White)中有所描述。引用它: When all the map outputs ha
我是一名优秀的程序员,十分优秀！