c# - 如何创建具有静态图像大小的 ListView Xamarin Forms

Question

我有一个工作正常的列表，但是当我绑定(bind)一个大图像时，它没有填满我设置为 100x100 的整个图像框大小，如何创建能够适应任何分辨率的图像大小？

xaml 代码:

<ListView BackgroundColor="White" Grid.Row="2" SeparatorVisibility="Default" HasUnevenRows="True" ItemSelected="item" x:Name="listView">
  <ListView.ItemTemplate>
    <DataTemplate>
      <ViewCell>
        <StackLayout Orientation="Horizontal">
          <Image WidthRequest="100" HeightRequest="100" Source="{Binding image}"/>
          <StackLayout Orientation="Vertical">
            <Label Text="{Binding title}" />
            <Label Text="{Binding subtitle}" />
          </StackLayout>
        </StackLayout>
      </ViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

结果:

即使我将图片设置为 100x100，也无法完全填满整个框!

Answer 1

Image 控件具有属性 Aspect，它定义了图像如何填充到框架中。

1. AspectFill - 缩放图像以填充 View 。某些部分可能会被剪裁以填充 View 。

2. AspectFit - 缩放图像以适合 View 。某些部分可能留空(信箱)。

3. Fill - 缩放图像使其完全填满 View 。 X 和 Y 的缩放比例可能不一致。

Aspect - Gets or sets the scaling mode for the image. This is a bindable property.

如果要填充 View ，请使用Fill。