UWP Xaml 颜色Color如何数据绑定

 时间:2026-05-06 17:02:52

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如何编写层叠样式?
  • UWP Xaml如何用ContentDialog自制输入框?
  • 热门搜索
    保护水资源手抄报 心理健康的手抄报 六一手抄报 科技创新手抄报 保护动物手抄报 劳动手抄报内容 感恩老师的手抄报 感恩的手抄报 安全教育手抄报图片简单又漂亮 物理手抄报