Creare una tabella (DataGrid) in Windows 8 applicazioni della metropolitana (C#/XAML)

Question

Sto cercando di creare una tabella come questa:

Come posso fare qualcosa di simile utilizzando ListView o GridView? Non riuscivo a trovare il modo giusto per aggiungere le intestazioni del tavolo.

Answer 1

ho implementato un controllo DataGrid (con ordinamento, visualizzazione dettagli e navigare evento) nella mia biblioteca libera:

https://github.com/MyToolkit/MyToolkit/wiki/DataGrid

WinRT (Windows 8.1):

universale di Windows App (Windows 10):

Answer 2

Non sembrare eccessivo, ma ti suggerisco di fare un passo indietro rispetto alle specifiche dell'implementazione e ottenere una migliore comprensione dell'interfaccia utente di Windows 8 principi di progettazione (precedentemente noto come Metro).

Familiarizza con lo "8 Traits of Great Metro Style Apps" (< 9 minuti di video), gioca con le app sul negozio ora e investi il ​​tempo aggiuntivo per visualizzare l'intero Build presentation by Jensen Harris. Non vuoi "alzare e spostare" i paradigmi che hai usato prima, ma piuttosto abbracciare le caratteristiche uniche della piattaforma, come la sua prima natura, per ripensare la navigazione e creare un nuovo tipo di applicazione.

Da un punto di vista pratico, lo XAML ListView and GridView customizing interactivity sample è un buon punto di partenza per sperimentare come evolvere da ciò che è stato postato sopra a un progetto di Window 8.

Infine, se stai cercando qualcosa di più vicino a quello che hai sopra - tenendo presente che potrebbe non passare la certificazione se non si abbona abbastanza ai principi di progettazione - potresti trovare aiuto in this thread.

Answer 3

Sto anche cercando di avere una tabella (DataGrid) come quella, ma non ho potuto. Proprio come un successo e un processo, l'ho raggiunto usando un ListView e ho codificato gli Elementi, ma dovrò capire di farlo dinamicamente. Ho provato ad includere il codice XAML qui ma non è stato permesso. Quindi ecco il link al mio post.

ecco il codice XAML dal link qui sopra:

<ListView Grid.Row="0" HorizontalAlignment="Center" Width="300" Margin="0,20,0,0 "> 
      <ListViewItem> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Width="150">Apple</TextBlock> 
        <TextBlock>100</TextBlock> 
       </StackPanel> 
      </ListViewItem> 
      <ListViewItem> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Width="150">Banana</TextBlock> 
        <TextBlock>2000</TextBlock> 
       </StackPanel> 
      </ListViewItem> 
      <ListViewItem> 
       <StackPanel Orientation="Horizontal"> 
        <TextBlock Width="150">Oranges</TextBlock> 
        <TextBlock>1500</TextBlock> 
       </StackPanel> 
      </ListViewItem>   
     </ListView> 

Answer 4

Telerik fornisce una griglia di dati per Windows 8 Apps Store. Funziona davvero bene. Non posso dire se passa anche la certificazione - vedremo perché ho intenzione di caricare la mia app ora ...

ecco il link: http://www.telerik.com/products/windows-8/controls/grid.aspx