2016-08-29 4 views
1

У меня есть список, который работает нормально, но когда я связываюсь с большим изображением, он не заполняет весь размер окна изображения, который я установил в 100x100, как создать изображение размер, который мог бы адаптироваться к любому разрешению?Как создать ListView со статическим размером изображения Xamarin Forms

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> 

Результат: enter image description here

Даже если я ставлю на 100x100 изображение не заполните всю коробку!

ответ

1

Управление Image имеет свойство Aspect, которое определяет, как изображение заполняется до кадра.

  1. AspectFill - Масштабировать изображение, чтобы заполнить вид. Некоторые части могут быть обрезаны, чтобы заполнить представление.

  2. AspectFit - Увеличить изображение, чтобы оно соответствовало виду. Некоторые части могут быть пустыми (почтовый бокс).

  3. Заполнить - Увеличить масштаб изображения, чтобы он точно заполнил вид. Масштабирование не может быть однородным по X и Y.

Aspect - Получает или устанавливает режим масштабирования для изображения. Это свойство .

Fill необходимо заполнить и редактировать изображения.

+0

Спасибо, он работает, у меня есть еще один вопрос, когда я выбираю элемент, у меня есть выбор цвета под каждым изображением, что может быть проблемой с запасом? Благодарю. –

+1

Возможно, вы задаете цвет фона, и под тем, что вы видите, является родным выбранным цветом элемента, либо установите цвет выбора в прозрачный, либо не используйте цвет фона в вашем шаблоне элемента. –

+1

спасибо! оно работает –

Смежные вопросы