Filas de información o elementos de contenido.
Allan Day
aday@gnome.org
Alex Puchades
alex94puchades@gmail.com 2015
Daniel Mustieles
daniel.mustieles@gmail.com 2011 - 2015
Nicolás Satragno
nsatragno@gnome.org 2013
Benjamín Valero Espinosa
benjavalero@gmail.com 2011
Jorge González
jorgegonz@svn.gnome.org 2009
Rosa Elena Pérez
rozydicemiau@gmail.com 2014
Oscar Rafael Arachi
arachi910@gmail.com 2014 - 2015
Miguel Ajuech
miguel.ann.28@gmail.com 2014
Adrián Pérez Domínguez
adrian@aztli.org 2015
Celina Osorio Ochoa
chelinoska@gmail.com 2015
Dario Amigon Espinoza
daramigon@gmail.com 2015
Yenisei Ramírez Pérez
yeniseirape@gmail.com 2015
José Roberto Ramíres Mendoza
aczella@gmail.com 2015
Bernardo Sánchez Romero
b.sanchez.rom@gmail.com 2015
Emmanuel Márquez Juárez
resident3333@gmail.com 2015
David Romero Serrano
lemi136@hotmail.com 2015
Omar Garcia Guzman
garciag.omar91@gmail.com 2015
Edilberto Huerta Niño
edilberto.huerta0290@gmail.com 2015

# Listas

Las listas son un elemento básico de la interfaz de usuario que se pueden utilizar para presentar información, elementos de contenido, o controles. Hay dos tipos principales de lista en GNOME 3: listas estándar y tablas.

Sidebar lists are a separate design pattern which also make use of a list.

# Cuándo usarlas

A list is an appropriate way to present content items that have a distinct name as their primary identifier. If the content is visual in nature, such as with photos or videos, you might want to consider using a grid instead.

In some cases, it is advantageous to show both a list and a grid view for the same content items. Used in this way, a list view allows additional information to be displayed about the content through columns of information.

# Listas estándar

Standard lists are most common list type, and should generally be used in favor of tables.

In standard lists, each row is divided by separators, and changing the sort order is achieved by using a control outside the list itself.

## Estilos

Standard lists have two styles: full-width and embedded. Full-width lists fill their container, while embedded lists are surrounded by padding.

Full-width lists are visually simpler, and therefore more elegant. They should be used where possible. At the same time, it is not always possible to use a full-width list, and there are some situations where embedded lists are a better choice:

When the list contains columns of information that need to be kept close together for readability purposes, and there is a need to have the list inside a wide container.

Cuando una ventana contiene varias listas.

Cuando la lista necesita estar alineada con otros controles dentro de la ventana.

## Listas editables

Editable lists allow a user to add or remove items from the list (for this reason, they are sometimes known as add/remove lists). Both full-width and embedded lists can be editable.

Each row contains a remove button. If the number of items is short, the final list row should be used as an add button. Alternatively, if the list is long, the add button can be placed in a header bar or or action bar.

# Tablas

Tables can be used for more complex multi-column lists, where sorting the table by a variety of columns is common. Column headers allow people to identify the type of information in each column and to reorder the list according to the content of each column.

Al usar encabezados de columnas, indicar el orden usando las flechas en el encabezado.

Orden | Dirección de la flecha | Ejemplo
--- | --- | ---
Natural | Abajo | Alfabético, número más pequeño primero, fecha más antigua primero, elementos marcados primero
Invertido | Arriba | Alfabético invertido, número más grande primero, fecha más reciente primero, elementos sin marcar primero

# Comportamiento de la fila

Dependiendo del tipo de lista, las filas tienen diferente comportamiento cuando se pulsa o selecciona alguna con el botón del ratón. En este sentido, hay tres tipos de listas:

Tipo de lista | Comportamiento de la fila
--- | ---
Navegación | Seleccionar una fila abre el elemento correspondiente, si se esta navegando a una nueva vista o si se está abriendo un cuadro de dialogo. Este patrón es común para listas de elementos de contenido, o para presentar grupos de configuraciones.
Seleccionar | El elemento de la lista se selecciona al pulsar en él. Este enfoque se usa comúnmente para seleccionar una de una serie de opciones de configuración. En el caso del menú desplegable, una opción se selecciona siempre. La fila seleccionada se indica con una marca.
Editar | Seleccionar la fila convierte a la fila en un campo de texto que permite que el elemento se edite.

Los estilos de las listas de navegación pueden combinarse con la función de selección para permitir a abrir y manipular las filas a la vez. Debería evitarse usar una doble pulsación para abrir elementos de lista, pues es incompatible e irreconocible por la entrada táctil.

# Guías Generales

Distinga los diferentes tipos de información usando ajustes diferentes, colores de texto y grosor. Resalte la información más importante y relevante dando a otra información un color y/o grosor más suaves.

Tenga cuidado de no saturar listas con elementos y columnas diferentes, y asegúrese de usarlas sólo para presentar información esencial.

Como regla general, evite usar muchas listas en la misma ventana, particularmente en ventanas primarias.

No use listas con menos de cinco elementos, a menos que el número de elementos pueda incrementar con el tiempo. Para listas de opciones, casillas de selección o botones de selección excluyentes se pueden utilizar como una alternativa en este caso.

Garantice que las listas están ordenadas de forma que sean útiles para aquellos que las están usando. Por ejemplo, documentos recientes podrían ser más útiles que documentos ordenados alfabéticamente, o contactos que podrían estar en línea ser más interesantes que aquellos que están desconectados.

Si no usa los iconos en su lista, use iconos simbólicos. La menor impacto visual de estos iconos significará que ellos no dominan ni sobrecargan visualmente su lista.

Si la lista es larga, haga posible su búsqueda usando el patrón de diseño de búsqueda estándar.

# Referencia de la API

GtkListBox

GtkTreeView