UWP Xaml 颜色Color如何数据绑定

 时间:2024-11-04 16:42:23

1、首先,最终期望实现的效果如图所示。根据不同的数值,显示不同颜色。如图0显示橘黄色,正数显示绿色。

UWP Xaml 颜色Color如何数据绑定UWP Xaml 颜色Color如何数据绑定

2、需要在绑定的数据对象内,添加一个属性(如图设为只读),根据另一个整数值属性ViewIncrease,返回字符串。注意,返回Color无效,这里得返回字符串,然后由Xaml默认的值转换器转换。

UWP Xaml 颜色Color如何数据绑定

3、在Xaml代码中如图所示,使用Binding设置Foreground属性即可。只要这个属性返回的字符串能被xaml转换为有效颜色,就能得到封面图所示效果。

UWP Xaml 颜色Color如何数据绑定

4、另外,除了手打表示颜色的字符串,还可以直接在某个Color颜色上使用ToString()方法,一样能被正确转换为颜色。

UWP Xaml 颜色Color如何数据绑定

5、通过值转换器,甚至能实现更多效果,比如把一个Byte类型的整数值通过转换器转换为灰度色。如图代码并不完整只是示例。

UWP Xaml 颜色Color如何数据绑定
  • UWP 如何数据绑定Binding到文本框?
  • UWP 如何对Visibility属性数据绑定(Binding)?
  • UWP 如何用自定义附加属性实现数据绑定?
  • UWP Xaml如何编写层叠样式?
  • 热门搜索
    madam是什么意思 axe什么意思 男人喜欢女人什么部位 阖家幸福的意思是什么 僵持的意思 什么是堡垒机 倾巢而出的意思 竟然的意思 逃之夭夭的意思 当量是什么意思