我正在尝试将DogImage源绑定到我的Contentview中。我试图建立可重用的视图对象,如框架按钮。我只需要从contentview之外给它们提供图像和文本。我正在使用资源文件夹中的图片。
这是我的contentView
<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="PawsApp.Views.AboutMyDogViews.DogsBreedPicker"
BindingContext="{Binding .}">
<ContentView.Content>
<StackLayout x:Name="breedStack" Margin="30,2,30,2">
<Frame HeightRequest="64" CornerRadius="8" BorderColor="White" HasShadow="False" BackgroundColor="White"
VerticalOptions="FillAndExpand" Padding="18,0,18,0">
<Frame.Content>
<StackLayout Orientation="Vertical" VerticalOptions="CenterAndExpand">
<Grid ColumnSpacing="18">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*"></ColumnDefinition>
<ColumnDefinition Width="9*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Image x:Name="DogImage" Source="{Binding ImageSourceOf}" Grid.Row="0" Grid.Column="0" ></Image>
<Label x:Name="breedSelector" Text="Breed" FontSize="Medium" TextColor="#5f5d70" Grid.Row="0" Grid.Column="1">
</Label>
</Grid>
</StackLayout>
</Frame.Content>
</Frame>
</StackLayout>
</ContentView.Content>
</ContentView>
这是CS文件
public partial class DogsBreedPicker : ContentView
{
public static readonly BindableProperty ImageSourceProperty =
BindableProperty.Create("ImageSourceOf", typeof(ImageSource), typeof(DogsBreedPicker));
public ImageSource ImageSourceOf
{
get { return GetValue(ImageSourceProperty) as ImageSource; }
set { SetValue(ImageSourceProperty, value);}
}
public DogsBreedPicker()
{
InitializeComponent ();
BindingContext = ImageSourceOf;
}
}
这就是我要使用它的方式。
<views:DogsBreedPicker ImageSourceOf="dog" TextOf="Breed Selector" x:Name="DogBreed" ></views:DogsBreedPicker>
答案 0 :(得分:0)
Content.BindingContext = this;
解决了我的问题。但是有什么方法可以使它更好吗?请添加评论。
答案 1 :(得分:0)
您正在将构造函数中的BindingContext
设置为ImageSourceOf
。无论如何,此刻尚未设置属性,因此ImageSourceOf
仍为null
。但是,在这种情况下,您都不需要使用BindingContext
,因为您可以直接绑定到ImageSourceOf
属性:
<ContentView xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
x:Class="PawsApp.Views.AboutMyDogViews.DogsBreedPicker"
x:Name="View">
<!-- Elided all the other stuff -->
<Image x:Name="DogImage" Source="{Binding ImageSourceOf, Source={x:Reference View}}" Grid.Row="0" Grid.Column="0" />
</ContentView>
从构造函数中删除BindingContext
的分配。
所有绑定的默认来源是BindingContext
(视图的传播,传播到所有子视图)。无论如何,您绝不限于将BindingContext
作为绑定的来源,而是可以将绑定的Source
设置为另一个对象。在这种情况下,我们通过其名称引用视图(我们将其命名为View
和x:Name="View"
),并将其用作{{ 1}}。由于绑定的Source
是Image
,因此Path
将绑定到ImageSourceOf
。