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如何编写层叠样式?
  • 热门搜索
    汉朝皇帝列表及简介 饥荒海难攻略 生化危机2重制版攻略 熏鱼怎么吃 青海湖游玩攻略 九寨沟自由行攻略 钱钟书围城简介 什么食物可以减肥 cf怎么压枪 孕妇便秘怎么办妙招