¿Cómo implemento una lista personalizada en Cocoa?

Question

Quiero crear una aplicación Cocoa con una lista de entradas muy similar a la lista ToDo de Things.app (see the screencast). La pregunta es si debo utilizar

1. un TableView,
2. un CollectionView o
3. una vista Web.

Creo que podría funcionar con todas ellas, pero ¿cuál se adapta mejor a los siguientes requisitos?

• tienen una lista de entradas -> 1 columna & muchas filas
• reordenamiento con arrastrar & gota
• seleccionar entradas individuales & teclas de uso para acciones como eliminar
• abrir una entrada: la fila debe expandir para mostrar más campos de entrada
• apariencia personalizada: esquinas redondeadas, sombra, gradiente de fondo

Hasta ahora mi investigación dice que el TableView tiene la mayor parte de la funcionalidad, pero es más difícil de personalizar en su apariencia, CollectionView no tiene arrastre & drop (¿no?) Pero es fácil de diseñar y WebView tomaría mucho esfuerzo para no dañar la experiencia del usuario y no puedo vincular mi modelo directamente a los campos de entrada.

¿Qué pros y contras me falta y qué recomendarías?

Answer 1

Un WebView no tiene sentido. También puede crear una aplicación web si usa un WebView. Un NSCollectionView es más para datos tipo cuadrícula, como listados de TV por hora.

NSTableView es el único que tiene sentido en este caso. Implementé los 5 puntos de viñeta con un NSTableView sin problema. Debe extender NSTableView y hacer un dibujo personalizado para el aspecto personalizado. Esa es la parte más difícil.

Answer 2

• abren una entrada: la fila debe expandirse para mostrar más campos de entrada

Es necesario un outline view. Una vista de tabla es para listas planas.

Tenga en cuenta que NSOutlineView es una subclase de NSTableView, por lo que todas las funciones de vista de tabla también funcionan en una vista de esquema.

Answer 3

Ya hay personas que ya lo hicieron. Uno que he usado con éxito es Matteo Bertozzi y está disponible aquí: http://th30z.netsons.org/2009/03/cocoa-sidebar-with-badges-take-2/ Puede tomar bit de masaje para que funcione correctamente (especialmente si necesita un comportamiento complejo de arrastrar y soltar), pero para una funcionalidad básica , como obtener los títulos de la sección y los elementos en la lista, funciona de manera excelente.

Editar: Esto tiene come up before y es una pregunta común en la lista de correo de cocoa-dev. Here are some other options.

Answer 4

Me estoy acercando al mismo problema en mi aplicación (con una gran lista similar a la lista Cosas pendientes) y creo que una vista de tabla tendría mucho sentido aquí.

El truco está en hacer que sus celdas ("filas") se expandan cuando se hace doble clic. Eso es todo el progreso que he hecho hasta ahora.

Answer 5

Acabo de echar un vistazo a Things.app usando "F-script anywhere".

Han usado una subclase de NSTableView llamada "DetailTableView" que presenta los elementos condensables de tareas pendientes. Los elementos colapsables de tareas pendientes se implementan utilizando una celda personalizada llamada "ToDoCell", pero la apariencia expandida que obtienes al editar es interesante. En ese caso, tienen una vista personalizada llamada "ToDoEditView" que se inserta como una subvista de DetailTableView cuando es necesario. Sospecho que esta vista de edición se agrega temporalmente como una subvista en la ubicación correcta y la fila correspondiente de la tabla se cambia de tamaño temporalmente mientras está presente.

Todo bastante especulativo. Me encantaría saber los detalles de cómo se hizo esto. Es una interfaz de usuario increíble.