Come implementare un elenco personalizzato in Cocoa?

Question

Desidero creare un'app Cocoa con un elenco di voci molto simili all'elenco ToDo di Things.app (see the screencast). La questione è se dovrei usare

1. un TableView,
2. un CollectionView o
3. una WebView.

Penso che potrebbe funzionare con tutti, ma quale si adatta meglio ai seguenti requisiti?

• hanno un elenco di voci -> 1 colonna & molte righe
• riordino con il drag & goccia
• selezionare le voci singole & usare i tasti per le azioni come cancellare
• aprire una voce: la riga dovrebbe espandi per visualizzare più campi di input
• aspetto personalizzato: angoli arrotondati, ombreggiatura, sfumatura di sfondo

Finora la mia ricerca dice che TableView ha la maggior parte delle funzionalità, ma è più difficile da personalizzare nel suo aspetto, il CollectionView non ha il trascinamento & di rilascio (giusto?) Ma è facile da progettare e WebView richiederebbe molto sforzo per non danneggiare l'esperienza dell'utente e non posso associare direttamente il mio modello ai campi di input.

Quali sono i pro e i contro mi mancano e cosa consiglieresti di utilizzare?

Answer 1

Una visualizzazione Web non ha senso. Si potrebbe anche creare un'applicazione Web se si utilizza una WebView. Un NSCollectionView è più per dati simili a griglia, come elenchi TV all'ora.

NSTableView è l'unico che ha senso in questo caso. Ho implementato tutti e 5 i punti elenco con un NSTableView senza problemi. È necessario estendere NSTableView e fare un disegno personalizzato per l'aspetto personalizzato. Questa è la parte più difficile.

Answer 2

• aprono una voce: la riga dovrebbe espandersi per mostrare più campi di input

Avete bisogno di un outline view. Una vista tabella è per liste piatte.

Nota che NSOutlineView è una sottoclasse di NSTableView, quindi tutte le funzionalità di visualizzazione tabella funzionano anche in una vista struttura.

Answer 3

Ci sono persone che lo hanno già fatto. Uno che ho usato con successo è di Matteo Bertozzi ed è disponibile qui: http://th30z.netsons.org/2009/03/cocoa-sidebar-with-badges-take-2/ Potrebbe richiedere un bit di massaging per farlo funzionare correttamente (specialmente se hai bisogno di un complesso drag-and-drop), ma per le funzionalità di base , come ottenere i titoli delle sezioni e gli elementi nell'elenco, funziona in modo eccellente.

Modifica: Questo ha come up before ed è una domanda comune nella mailing list cocoa-dev. Here are some other options.

Answer 4

Mi sto avvicinando allo stesso problema nella mia app (con una lista grande simile alla lista delle cose da fare) e penso che una vista tabella avrebbe molto senso qui.

Il trucco è far sì che le celle ("righe") si espandano quando si fa doppio clic. Questo riguarda tutti i progressi che ho compiuto finora.

Answer 5

Basta dare un'occhiata a Things.app stessa utilizzando "F-script anywhere".

Hanno utilizzato una sottoclasse di NSTableView chiamata "DetailTableView" che presenta gli elementi di questo tipo. Gli elementi todo compressi vengono implementati utilizzando una cella personalizzata denominata "ToDoCell", ma l'aspetto espanso che si ottiene quando si modifica è interessante. In tal caso hanno una vista personalizzata chiamata "ToDoEditView" che viene inserita come subview di DetailTableView quando richiesto. Sospetto che questa vista di modifica venga temporaneamente aggiunta come sottoscheda nella posizione corretta e la riga corrispondente della vista tabella venga ridimensionata temporaneamente mentre è presente.

Tutto piuttosto speculativo .. Mi piacerebbe sapere i dettagli di come è stato fatto. È un'interfaccia utente fantastica.