我的编程空间,编程开发者的网络收藏夹
学习永远不晚

WPF怎么用ValueConverter实现值转换器

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

WPF怎么用ValueConverter实现值转换器

今天小编给大家分享一下WPF怎么用ValueConverter实现值转换器的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

介绍

值转换器在WPF开发中是非常常见的,当然不仅仅是在WPF开发中。值转换器可以帮助我们很轻松地实现,界面数据展示的问题,如:模块隐藏显示、编码数据展示为可读内容。

实现值转换器需要继承 IValueConverter Interface,并实现 Convert 和 ConvertBack 方法,多数情况下可以不实现 ConvertBack 方法。

一般调用采取 <MyConverter key="myConverter"> Converter="{StaticResource myConverter}" 的形式进行调用,这种方式应该是大部分人都熟知的。这种方式比较繁琐的点在于,每一个 Converter 在调用时都需要在 <xxx.Resources></xxx.Resources> 中定义资源字典,才能够使用,无论是在当前窗口资源标签中还是在 App.xaml 文件中统一定义,至少都需要进行一次定义。

还有一中方式,可以不用定义资源字典也可以使用,那就是让 Converter 实现类继承 MarkupExtension 类,当然这种方式是需要在当前 xaml 文件中引入 Converter 所在的命名空间的。其调用方式为:Converter="{xmlnsName:myConverter}"

基类实现

这里我们实现两种不同类型的 Converter 即 ValueConverter 和 MultiConverter。我们分别定义两个 BaseConverter 抽象类,名为:BaseMultiConverter 和 BaseValueConverter。

单值转换类

using System;using System.Globalization;using System.Windows.Data;using System.Windows.Markup;public abstract class BaseValueConverter : MarkupExtension, IValueConverter{    public abstract object Convert(object value, Type targetType, object parameter, CultureInfo culture);    public abstract object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture);    public override object ProvideValue(IServiceProvider serviceProvider) => this;}

多值转换类

using System;using System.Globalization;using System.Windows.Data;using System.Windows.Markup;public abstract class BaseMultiConverter : MarkupExtension, IMultiValueConverter{    public abstract object Convert(object[] values, Type targetType, object parameter, CultureInfo culture);    public abstract object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture);    public override object ProvideValue(IServiceProvider serviceProvider) => this;}

需要实现 ProvideValue 方法,当日很简单 return this 就好了。将其他的方法改为抽象方法,后续我们定义的值转换器就可以根据需要继承相应的 BaseConverter 抽象类,在实现类中实现 Convert 和 ConvertBack 两个方法。

子类实现

前面说过,子类需要继承相应的基类,这里我们以最常用的 显示隐藏 和 字体颜色 最为例子实现自定义的值转换器。

using System;using System.Globalization;using System.Windows;class BoolToVisibilityConverter : BaseValueConverter{    public bool UseHidden { get; set; }    public bool Reversed { get; set; }    public override object Convert(object value, Type targetType, object parameter, CultureInfo culture)    {        if (value is bool b)        {            if (Reversed) b = !b;            return b ? Visibility.Visible : Visibility.Collapsed;        }       throw new ArgumentNullException(nameof(value));    }    public override object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)    {        throw new NotImplementedException();    }}

可以看到在上面的代码中声明了 UseHidden 和 Reversed 两个属性,用起来也很简单直接 &lsquo;,&rsquo; 就可以提示出来,并且值的类型也可以提示 很 nice。

WPF怎么用ValueConverter实现值转换器

WPF怎么用ValueConverter实现值转换器

using System;using System.Globalization;using System.Windows.Media;class MultiToColorConverter : BaseMultiConverter{    public override object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)    {        return string.IsNullOrWhiteSpace(values[0].ToString()) || string.IsNullOrWhiteSpace(values[1].ToString())            ? Brushes.Orange            : values[0].ToString() is "A" && values[1].ToString() is "B" ? Brushes.Red             : Brushes.Green;    }    public override object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)    {        throw new NotImplementedException();    }}

前面说了调用方式,现在来试验下。

xmlns:converter="clr-namespace:ValueConverterUse.ValueConverters" 是我实现 Converter 的命名空间,根据实际情况改变

<Window    x:Class="ValueConverterUse.MainWindow"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:converter="clr-namespace:ValueConverterUse.ValueConverters"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:local="clr-namespace:ValueConverterUse"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    Title="MainWindow"    Width="800"    Height="450"    mc:Ignorable="d">    <Grid Margin="20,0">        <Grid.RowDefinitions>            <RowDefinition />            <RowDefinition />        </Grid.RowDefinitions>        <StackPanel VerticalAlignment="Center">            <TextBox                x:Name="txt01"                Margin="0,10,0,0"                FontSize="20"                Text="A" />            <TextBox                x:Name="txt02"                Margin="0,10,0,0"                FontSize="20"                Text="B" />            <TextBlock                Margin="0,10,0,0"                HorizontalAlignment="Center"                FontSize="24"                Text="Hello">                <TextBlock.Foreground>                    <MultiBinding Converter="{converter:MultiToColorConverter}">                        <Binding ElementName="txt01" Path="Text" />                        <Binding ElementName="txt02" Path="Text" />                    </MultiBinding>                </TextBlock.Foreground>            </TextBlock>        </StackPanel>        <Grid Grid.Row="1">            <Grid.RowDefinitions>                <RowDefinition />                <RowDefinition />            </Grid.RowDefinitions>            <Border                Background="Green"                CornerRadius="20"                Visibility="{Binding ElementName=Check, Path=IsChecked, Converter={converter:BoolToVisibilityConverter}}">                <TextBlock                    HorizontalAlignment="Center"                    VerticalAlignment="Center"                    FontSize="24"                    Text="显示隐藏" />            </Border>            <ToggleButton                x:Name="Check"                Grid.Row="1"                Width="120"                Height="40"                IsChecked="True">                <TextBlock Text="显示或隐藏" />            </ToggleButton>        </Grid>    </Grid></Window>

效果

WPF怎么用ValueConverter实现值转换器

WPF怎么用ValueConverter实现值转换器

以上就是“WPF怎么用ValueConverter实现值转换器”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网行业资讯频道。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

WPF怎么用ValueConverter实现值转换器

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

WPF怎么用ValueConverter实现值转换器

今天小编给大家分享一下WPF怎么用ValueConverter实现值转换器的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。介绍
2023-07-05

WPF利用ValueConverter实现值转换器

值转换器在WPF开发中是非常常见的,值转换器可以帮助我们很轻松地实现,界面数据展示的问题。本文将通过WPF ValueConverter实现简单的值转换器,希望对大家有所帮助
2023-03-08

怎么用Python实现进制转换

这篇文章主要讲解了“怎么用Python实现进制转换”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用Python实现进制转换”吧!Python 实现进制转换一、导言导语:在计算机进行数据交
2023-06-02

怎么使用python return实现汇率转换器

这篇文章主要讲解了“怎么使用python return实现汇率转换器”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么使用python return实现汇率转换器”吧!A.课程内容主要学习函
2023-07-02

vue怎么实现转换id

vue实现转换id的方法:1、创建Vue组件代码为“<template><div class="mc-user-info">{{name}}</div></template><script>import {AjaxByAll} from '...';2、通过传入的用户Id,调用后台接口,转换成名称显示即可。
2023-05-14

C++11怎么用static_cast将左值转换为右值

这篇文章主要讲解了“C++11怎么用static_cast将左值转换为右值”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“C++11怎么用static_cast将左值转换为右值”吧!使用std
2023-06-19

php怎么实现数值转ascii

php实现数值转ascii的方法:1、创建一个PHP示例文件;2、通过“function NumToASCII($num) {...}”方法将数字转字母即可。
2017-07-20

opencv怎么实现视场转换

这篇文章给大家分享的是有关opencv怎么实现视场转换的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。假设我们要实现QUEEN 这张片的视觉转换,使图像转换之后犹如我们正面看过一样首先打开图形编辑器分别记录这张卡片
2023-06-14

C#怎么实现进制转换

今天小编给大家分享一下C#怎么实现进制转换的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。十进制整数与其他进制的字符串之间的转
2023-06-30

Python怎么实现汇率转换

Python可以使用外部的API或库来实现汇率转换。一种常用的方法是使用`forex-python`库。首先,需要安装该库,可以使用以下命令:```pip install forex-python```然后,通过以下代码片段来实现汇率转换:
2023-08-18

ReactQuery数据转换怎么实现

本文小编为大家详细介绍“ReactQuery数据转换怎么实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“ReactQuery数据转换怎么实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。数据转换我们不得不面对
2023-07-04

python赋值和交换怎么实现

本文小编为大家详细介绍“python赋值和交换怎么实现”,内容详细,步骤清晰,细节处理妥当,希望这篇“python赋值和交换怎么实现”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。赋值原理1、在赋值的右边形成一个新
2023-06-30

Python怎么实现进制转换

这篇文章主要介绍“Python怎么实现进制转换”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Python怎么实现进制转换”文章能帮助大家解决问题。使用int()转换int()类可将数字或字符串转换为
2023-06-28

php怎么用转义字符实现换行

本文小编为大家详细介绍“php怎么用转义字符实现换行”,内容详细,步骤清晰,细节处理妥当,希望这篇“php怎么用转义字符实现换行”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。PHP是一种流行的服务器端脚本语言,能
2023-07-05

利用Python实现颜色色值转换的小工具

先看看Zeplin 的颜色色值显示示例原有处理方式因为我会 Python (仅限于终端输入 python 然后当做计算器算,或者用 hex() 函数把十进制转换成十六进制),所以遇到这样的问题我当然是采用python 的 hex() 函数做
2022-06-04

php怎么实现数值转字母

php实现数值转字母的方法:1、创建一个php示例文件;2、定义一个numToExcelLetter方法;3、在方法体内通过“while ($num > 0 ) {$mod = (int)($num % $base);$num = (int)($num / $base);if($mod == 0){...}}”方式实现根据数字转换成excel的字母即可。
2023-05-14

编程热搜

  • Python 学习之路 - Python
    一、安装Python34Windows在Python官网(https://www.python.org/downloads/)下载安装包并安装。Python的默认安装路径是:C:\Python34配置环境变量:【右键计算机】--》【属性】-
    Python 学习之路 - Python
  • chatgpt的中文全称是什么
    chatgpt的中文全称是生成型预训练变换模型。ChatGPT是什么ChatGPT是美国人工智能研究实验室OpenAI开发的一种全新聊天机器人模型,它能够通过学习和理解人类的语言来进行对话,还能根据聊天的上下文进行互动,并协助人类完成一系列
    chatgpt的中文全称是什么
  • C/C++中extern函数使用详解
  • C/C++可变参数的使用
    可变参数的使用方法远远不止以下几种,不过在C,C++中使用可变参数时要小心,在使用printf()等函数时传入的参数个数一定不能比前面的格式化字符串中的’%’符号个数少,否则会产生访问越界,运气不好的话还会导致程序崩溃
    C/C++可变参数的使用
  • css样式文件该放在哪里
  • php中数组下标必须是连续的吗
  • Python 3 教程
    Python 3 教程 Python 的 3.0 版本,常被称为 Python 3000,或简称 Py3k。相对于 Python 的早期版本,这是一个较大的升级。为了不带入过多的累赘,Python 3.0 在设计的时候没有考虑向下兼容。 Python
    Python 3 教程
  • Python pip包管理
    一、前言    在Python中, 安装第三方模块是通过 setuptools 这个工具完成的。 Python有两个封装了 setuptools的包管理工具: easy_install  和  pip , 目前官方推荐使用 pip。    
    Python pip包管理
  • ubuntu如何重新编译内核
  • 改善Java代码之慎用java动态编译

目录