如何解决如何为 CollectionView 设置背景图像
如何在 Xamarin.Forms 中为 collectionview 设置背景图片?
在Colletionview中,“背景”是一个画笔,我无法调整图像源
解决方法
你可以试试这个方法:
- 将 CollectionView 的背景设置为透明。
<CollectionView ItemsSource="{Binding Monkeys}" BackgroundColor="Transparent">
- 将 Grid 放在集合视图的上层。
<Grid>
<CollectionView ItemsSource="{Binding Monkeys}" BackgroundColor="Transparent">
...
</CollectionView>
</Grid>
- 将图像视图置于集合视图的同一级别。
<Grid>
<Image Source=""/>
<CollectionView ItemsSource="{Binding Monkeys}" BackgroundColor="Transparent">
<CollectionView.ItemTemplate>
...
</CollectionView>
</Grid>
页面.xaml
<Grid>
<Image Source="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fc/Papio_anubis_%28Serengeti%2C_2009%29.jpg/200px-Papio_anubis_%28Serengeti%2C_2009%29.jpg"/>
<CollectionView ItemsSource="{Binding Monkeys}" BackgroundColor="Transparent">
<CollectionView.ItemTemplate>
<DataTemplate>
<Grid Padding="10">
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto" />
<ColumnDefinition Width="Auto" />
</Grid.ColumnDefinitions>
<Image Grid.RowSpan="2"
Source="{Binding ImageUrl}"
Aspect="AspectFill"
HeightRequest="60"
WidthRequest="60" />
<Label Grid.Column="1"
Text="{Binding Name}"
FontAttributes="Bold" />
<Label Grid.Row="1"
Grid.Column="1"
Text="{Binding Location}"
FontAttributes="Italic"
VerticalOptions="End" />
</Grid>
</DataTemplate>
</CollectionView.ItemTemplate>
</CollectionView>
</Grid>
截图
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。