UWP 如何对Visibility属性数据绑定(Binding)?

 时间:2026-02-14 13:43:24

1、首先,要在当前程序的命名空间下,写一个类,实现IValueConverter接口。

如图,要实现接口中的函数Convert和ConvertBack。

UWP 如何对Visibility属性数据绑定(Binding)?

2、首先声明Convert函数,将值从bool值转化成Visibility。其形参定义如图所示,返回类型是object。

UWP 如何对Visibility属性数据绑定(Binding)?

3、然后要实现ConvertBack函数,从Visibility属性得到bool属性。当然了,要判断输入值是不是Visibility类型,如果不是,要返回一个特殊值,DependencyProperty.UnsetValue。

UWP 如何对Visibility属性数据绑定(Binding)?

4、然后,在Page的属性中,声明命名空间,如图所示。不过本程序值转换器所在的命名空间和xmlns:local相同。

UWP 如何对Visibility属性数据绑定(Binding)?

5、接下来,如果要在这页Page中使用这个值转换器的话,还要在Page.Resources中声明如图,设置其x:Key,如图我设置为B2V。

UWP 如何对Visibility属性数据绑定(Binding)?

6、接下来,在我们要数据绑定的类内,有两个bool值的属性如图所示,用于Binding绑定。

UWP 如何对Visibility属性数据绑定(Binding)?

7、在Xaml代码中,绑定它们的写法是,{Binding 属性名称, Converter={StaticResources 值转换器的Key值}}。

UWP 如何对Visibility属性数据绑定(Binding)?

8、最终实现效果如图,将其绑定了FlipView中的FlipViewItem,通过类中的Bool值属性就控制了FlipView中是否显示那一页。

UWP 如何对Visibility属性数据绑定(Binding)?

  • UWP 如何数据绑定Binding到文本框?
  • UWP如何让Binding绑定跟随属性值更新?
  • UWP 如何用自定义附加属性实现数据绑定?
  • UWP Xaml 颜色Color如何数据绑定
  • UWP如何设置Page背景
  • 热门搜索
    五一英语手抄报 手抄报我的中国梦 字谜手抄报 安全出行手抄报内容 中秋佳节手抄报 关于普法的手抄报 五水共治手抄报图画 手抄报边框设计 五四青年节手抄报内容 我是平安宣传员手抄报