xamarin - 使用Xamarin Forms从父页面内的子视图的可绑定属性传递可绑定属性值？

Question

我创建了一个具有 Image 的视图（BlankScreen），并在视图后面的代码中创建了一个 BindableProperty 图标。

查看的 Xaml 代码：

<ContentView
    x:Class="Demo.CustomViews.BlankScreen"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
    <ContentView.Content>
        <StackLayout>
            <Label Text="Hello Xamarin.Forms!" />
            <Image x:Name="image"/>
        </StackLayout>
    </ContentView.Content>
</ContentView>

View的代码背后：

public partial class BlankScreen : ContentView
    {
        public BlankScreen ()
        {
            InitializeComponent ();
        }

        public static readonly BindableProperty IconProperty =
            BindableProperty.Create(nameof(Icon), typeof(ImageSource), typeof(BlankScreen), null);

        public ImageSource Icon
        {
            get => (ImageSource)GetValue(IconProperty);
            set => SetValue(IconProperty, value);
        }
    }

然后我将此视图用于 Page，因此我将此视图包含在 BindableProperty Icon 中。

<customviews:BlankScreen Icon="chat" />

但问题是无法在从父页面视图传递的我的视图上设置聊天图标。

那么我该如何解决这个问题，请帮忙？

Answer 1

我认为它不起作用的原因是你似乎没有设置它

您的可绑定属性应如下所示：

 public static readonly BindableProperty IconProperty =
        BindableProperty.Create(nameof(Icon), typeof(ImageSource), typeof(BlankScreen), null, propertyChanged: IconChanged);

    public ImageSource Icon
    {
        get => (ImageSource)GetValue(IconProperty);
        set => SetValue(IconProperty, value);
    }

完成后，添加以下方法并更新图像：

  private static void IconChanged(BindableObject bindable, object oldValue, object newValue)
    {
        BlankScreen screen= bindable as BlankScreen ;
        screen.image.Source= newValue.ToString();
    }

如有疑问请告诉我

Answer 2

我发现 BlankScreen 中有图像，但您没有为其设置来源。我为此图像绑定图标。

 <ContentView.Content>
    <StackLayout>
        <Label Text="Hello Xamarin.Forms!" />
        <Image x:Name="image" Source="{Binding Icon}" />
    </StackLayout>
</ContentView.Content>

然后创建 propertyChanged 事件：

public partial class BlankScreen : ContentView
{
    public static readonly BindableProperty IconProperty =
        BindableProperty.Create(nameof(Icon), typeof(ImageSource), typeof(BlankScreen), defaultBindingMode: BindingMode.TwoWay,
                                                                   propertyChanged: (bindable, oldVal, newVal) =>
                                                                   {
                                                                       var page = (BlankScreen)bindable;
                                                                       page.image.Source = (ImageSource)newVal;
                                                                   });

    public ImageSource Icon
    {
        get => (ImageSource)GetValue(IconProperty);
        set => SetValue(IconProperty, value);
    }
    public BlankScreen ()
    {
        InitializeComponent ();

    }
}

最后，我在 Contentpage 中使用了这个自定义视图。

 <ContentPage.Content>
    <StackLayout>
        <customview:BlankScreen Icon="a1.jpg" />
    </StackLayout>
</ContentPage.Content>

它工作正常。