【问题标题】:Create a BindableProperty depending on multiple properties根据多个属性创建 BindableProperty
【发布时间】:2015-05-13 10:48:37
【问题描述】:

我正在尝试将 UI 元素绑定到不同的模型属性 ABAB。前两个属性AB 由两个滑块控制。第三个属性ABAB 的总和。对于这三个属性中的每一个,都有一个显示其值的标签。

现在,如果我移动其中一个滑块,相应的标签会更新其Text。但组合属性AB 的标签未更新。由于AB 没有设置器,因此可能不会触发“属性更改”事件。

是否有可能绑定到这样的“聚合”属性?

这是包含属性ABAB的可绑定对象:

public class Settings: BindableObject
{
    public static readonly BindableProperty AProperty = BindableProperty.Create<Settings, double>(p => p.A, 0);
    public static readonly BindableProperty BProperty = BindableProperty.Create<Settings, double>(p => p.B, 0);
    public static readonly BindableProperty ABProperty = BindableProperty.Create<Settings, double>(p => p.AB, 0);

    public double A {
        get{ return (double)GetValue(AProperty); }
        set{ SetValue(AProperty, (double)value); }
    }

    public double B {
        get{ return (double)GetValue(BProperty); }
        set{ SetValue(BProperty, (double)value); }
    }

    public double AB {
        get{ return A + B; }
    }
}

这是包含滑块和三个标签的页面:

public class App : Application
{
    public App()
    {
        var settings = new Settings();

        var sliderA = new Slider();
        sliderA.ValueChanged += (sender, e) => settings.A = e.NewValue;

        var sliderB = new Slider();
        sliderB.ValueChanged += (sender, e) => settings.B = e.NewValue;

        var labelA = new Label{ BindingContext = settings };
        labelA.SetBinding(Label.TextProperty, "A");

        var labelB = new Label{ BindingContext = settings };
        labelB.SetBinding(Label.TextProperty, "B");

        var labelAB = new Label{ BindingContext = settings };
        labelAB.SetBinding(Label.TextProperty, "AB");

        MainPage = new ContentPage {
            Content = new StackLayout {
                VerticalOptions = LayoutOptions.Center,
                Children = { sliderA, sliderB, labelA, labelB, labelAB },
            },
        };
    }
}

这是在 iOS 上运行的应用程序的样子:

最后一个标签应显示前两个数字的总和。


编辑:

我不知道为什么我不会写

    public static readonly BindableProperty ABProperty =
        BindableProperty.Create<Settings, double>(p => p.A + p.B, 0);

但这会产生运行时错误“System.TypeInitializationException:AggregatedBindablePropertyMnml.Settings 的类型初始化程序引发了异常 ---> System.Exception:getter 必须是 MemberExpression”

【问题讨论】:

  • 您是否尝试过使用自定义 IMultiValueConverter 进行多重绑定?
  • @Will:我尝试使用IValueConverter。 (据我所知,Xamarin 中没有 IMultiValueConverter。)但问题仍然存在:虽然最初调用了转换器,但标签并未更新。
  • IMultiValueConverter 和 MultiBinding 在 WPF 堆栈中,不确定 xamarin 中包含什么。无论如何,这就是通常的做法。您可能只需要推出自己的解决方案:/
  • 快速浏览一下,如果您在 AProperty 和 BProperty 设置器中都设置了 ABProperty,您应该会得到更新。
  • @Taekahn:哦,是的,就是这样! AB 所依赖的每个属性 A 和 B 都需要在其 setter 中更新 AB。所以实现UpdateAB() 方法并在两个setter 中调用它非常方便。

标签: mvvm xamarin data-binding properties xamarin.forms


【解决方案1】:

根据 Taekahn 的建议(在 A 和 B 的设置器中更新 AB),我想出了以下解决方案。

通过覆盖OnPropertyChanged 方法并设置ABProperty,绑定的标签文本也会更新。与单独修改每个 setter 相比,这种方式我们只需要在一处修改 Settings 类即可。

protected override void OnPropertyChanged(string propertyName = null)
{
    base.OnPropertyChanged(propertyName);
    SetValue(ABProperty, A + B);
}

现在两个滑块都会影响第三个标签:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-09-23
    • 2021-06-05
    • 1970-01-01
    • 2021-06-21
    • 1970-01-01
    • 2016-12-12
    相关资源
    最近更新 更多