Wie kann ich meine Listenansicht in IOS Xamarin Formen anpassen

Question

Ich habe ein Problem in meinem ListView auf iOS. Ich kann es nicht an alle iOS Vorlagen anpassen, zB: setze HeightRequest = "855" auf mein iPhone 7 es passt schon richtig, sonst auf das iPhone 5 und kleiner mein ListView aus einem scrow. also möchte ich meine ListView automatisch an die Bildschirmgröße anpassen.

<ListView x:Name="listView" 
      CachingStrategy="RecycleElement" 
      ItemsSource="{Binding FeedItems}" 
      HasUnevenRows="True" 
      AbsoluteLayout.LayoutFlags="All" 
      AbsoluteLayout.LayoutBounds="0,0,1,1" HeightRequest="855"> 
      <ListView.ItemTemplate> 
       <DataTemplate> 
        <ViewCell> 
         <Grid Padding="5"> 
          <Grid.ColumnDefinitions> 
           <ColumnDefinition Width="70"/> 
           <ColumnDefinition Width="5"/> 
           <ColumnDefinition Width="*"/> 
          </Grid.ColumnDefinitions> 
          <StackLayout HeightRequest = "60" WidthRequest="60"> 
           <Image x:Name="Image" Source="{Binding Image}" Scale="1.0" Aspect="AspectFill" VerticalOptions="FillAndExpand"/> 
         </StackLayout> 
          <StackLayout Grid.Column="2" Spacing="4" VerticalOptions="Center"> 
           <Label Text="{Binding Category}" TextColor="White" FontSize="Small" LineBreakMode="NoWrap" BackgroundColor="{Binding Color_category}"/> 
           <Label Text="{Binding PublishDate}" TextColor="#666666" FontSize="Small" LineBreakMode="NoWrap"/> 
           <Label Text="{Binding Title}" TextColor="#234084" Font="Bold" FontSize="Small" LineBreakMode="WordWrap"/> 
          </StackLayout> 
         </Grid> 
        </ViewCell> 
       </DataTemplate> 
      </ListView.ItemTemplate> 
     </ListView> 

Answer 1

Um ein wenig mehr zu erweitern.

HeightRequest wird verwendet, wenn Sie eine feste Größe für ein Element definieren möchten. Xamarin wird sein Bestes geben, um dies zu erfüllen. Auf der anderen Seite, wenn Sie möchten, dass Ihre Größe relativ ist, verwenden Sie die VerticalOptions und HorizontalOptions. Diese zwei Eigenschaften werden eine LayoutOptions Struktur annehmen und der Standardwert dafür ist Fill (ohne zu erweitern).

Diese Struktur hat zwei Sätze von Eigenschaften, rufen die, die ich "normale"

• Zentrum

• starten

• End

• Fll

und diejenigen, die

• CenterAndExpand kann

• EndAndExpand

• FillAndExpand

Sie lesen "erweitert"

StartAndExpand

mo re über diese here.

Dieser letzte FillAndExpand wird den gesamten verfügbaren Platz in der Ausrichtung nehmen, die es verwendet. Dies ist diejenige, die Sie in Ihrem ListView verwenden sollte es so groß wie der Bildschirm dieses

Hoffnung zu machen helps.-