Margini ListView

Question

Sto cercando di mostrare un elenco di immagini con un'altezza specifica (inferiore all'altezza dello schermo) e voglio che la larghezza corrisponda alla larghezza dello schermo.

Quando ho messo questi in una griglia, sono in grado di ottenere l'effetto desiderato:

<Grid> 
    <Image HorizontalAlignment="Stretch" Source="Assets/someimage.jpg" ></Image> 
</Grid> 

Ma quando li ho messi in un controllo ListView, vedo che c'è un margine sul bordo sinistro e destro l'immagine. In altre parole, l'immagine non è da bordo a bordo. Ecco un (sopra) versione semplificata del mio codice:

<Grid> 
    <ListView> 
     <Image HorizontalAlignment="Stretch" Source="Assets/someimage.jpg" ></Image> 
    </ListView> 
</Grid> 

Dopo aver letto altre discussioni simili Ho provato ad utilizzare gli stili per impostare la proprietà HorizontalAlignment di ListviewItems senza alcun risultato. Cosa mi manca?

Answer 1

Prima di tutto, quando si aggiunge un'immagine su un listView, questa immagine diventa un contenuto di un oggetto ListView, che consente di rimuovere i margini applicati automaticamente da questa voce.

<ListView.ItemContainerStyle> 
     <Style TargetType="ListViewItem"> 
      <Setter Property="Padding" Value="0"/> 
      <Setter Property="BorderThickness" Value="0"/> 
     </Style> 
</ListView.ItemContainerStyle> 

Anche facendo questo, si potrebbe ancora avere un po 'di margine, che viene applicato dal ListView:

ListView BorderThickness="0" 
     Padding="-1"> 

BorderThickness non è sufficiente per rimuovere tutti margine, è per questo che abbiamo impostato l'imbottitura di il listView di -1, è possibile regolare questo valore per adattarlo meglio alla finestra.