Wie kann ich die Größe eines Bildes innerhalb einer ListView?

Wie ich die Größe eines Bildes innerhalb einer ListView?

Dem angesprochenen Gerät ist Windows Phone 10 (d.h. Universellen Windows-Plattform).

Habe ich entdeckt das folgende Dokumentation:

Beachten Sie, dass, wenn Sie auf Windows Phone 8.1, ImageCell-nicht-Skala
Bilder standardmäßig. Beachten Sie auch, dass Windows Phone 8.1 ist das nur
Plattform, auf der detail-text ist präsentiert in der gleichen Farbe und schriftart
als primäre text standardmäßig. Windows Phone 8.0 macht ImageCell-als
unten zu sehen:

Ich versucht habe:

<ListView Grid.Row="1" ItemsSource="{Binding Photos}" SelectedItem="{Binding SelectedPhoto, Mode=TwoWay}">
  <ListView.ItemTemplate>
    <DataTemplate>
      <ImageCell ImageSource="{Binding ImageSource}" Text="{Binding Description}" TextColor="Silver" />
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

Das Bild oben zeigt einen ausgewachsenen Bild ohne Beschränkung der Größe des Bildes zu passen, wie ein listview-Element.

Ich habe auch versucht:

<ListView Grid.Row="1" ItemsSource="{Binding Photos}" SelectedItem="{Binding SelectedPhoto, Mode=TwoWay}">
  <ListView.ItemTemplate>
    <DataTemplate>
      <Image Source="{Binding ImageSource}" Aspect="AspectFit" />
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

Der obige code zeigt keinen Bild. Es zeigt nur einen weißen hintergrund.

  • haben Sie versucht, die Einstellung der widthrequest und horizontaloptions?
InformationsquelleAutor Scott Nimrod | 2016-02-26
  1. 8

    Paar Dinge:-

    ImageCell hat keine Möglichkeit zu geben Sie die Bild-Breite /Höhe (in v2.0.x).

    Dein zweites Beispiel ist mehr auf der Strecke, allerdings müssen Sie wickeln Sie es in ein ViewCell wie Sie es mit einem ListView etwa so:-

    <ListView ItemsSource="{Binding Photos}" HasUnevenRows="True">
  <ListView.ItemTemplate>
    <DataTemplate>            
      <ViewCell>
        <Image Source="{Binding MyImage}" Aspect="AspectFit" WidthRequest="{Binding MyWidth}" HeightRequest="{Binding MyHeight}" />
      </ViewCell>
    </DataTemplate>
  </ListView.ItemTemplate>
</ListView>

    Beachten Sie auch, dass der Standard für einen ListView eingestellt zu haben gleich Zeilenhöhen.

    Deshalb wenn Sie unterschiedliche Bildgrößen, die Chancen sind, diese können nicht produzieren, die Ausgabe, die Sie wollen.

    Um dies zu umgehen, geben Sie HasUnevenRows='True'.

    Wenn Sie weiter tun BindableProperties für das, was Sie wollen, die ImageWidth und ImageHeight in Ihrem ViewModel, und geben Sie wie im obigen Beispiel mit WidthRequest und HeightRequest für Image bekommen Sie so etwas wie dieses für die Ausgabe bei Angabe unterschiedlicher Werte:-

    Wie kann ich die Größe eines Bildes innerhalb einer ListView?

    • Vielen Dank Pete. Das funktioniert, wenn ich StackLayouts. Aber das funktioniert nicht, wenn ich ersetzen stacklayouts mit einem Gitter. Ist das ein bekannter Fehler?
    • Am besten wäre es, erstellen Sie eine neue Frage, mit einem code-Beispiel als unklar, wie Ihre Strukturierung Dinge und würde helfen, Sie zu unterstützen.
    InformationsquelleAutor Pete
Schreibe einen Kommentar