Esta introducción a Dialer describe sus elementos principales, las funciones básicas que ofrecen y la arquitectura que los mantiene juntos.
Las descripciones detalladas se proporcionan en otras secciones. Para obtener una guía de estas secciones, consulta la descripción general.
Anatomía
La IU de Teléfono incluye 4 tipos principales de vistas y varios elementos recurrentes, como la barra de la aplicación para proporcionar una navegación principal. Estas vistas y elementos se describen en la tabla a continuación y se muestran en las siguientes secciones.
Tipo de vista | Elementos incluidos | Se muestra cuando... |
---|---|---|
Contactos explorables (Recientes, Contactos, Favoritos y vistas de detalles) |
|
El usuario está explorando la información de contacto y la llamada o realiza una llamada a un contacto. |
Teclado |
|
El usuario está ingresando un número de teléfono para realizar una llamada |
En una llamada |
|
Hay una llamada en curso |
Control de la app (Búsqueda y Configuración) |
|
El usuario está buscando un contacto o ajustando la configuración de la app. |
Vistas de contactos explorables
![Anatomía de la app de Teléfono](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SpacialModel_Anatomy.png?authuser=7&hl=es-419)
2. Espacio de contacto explorable
Esta es la disposición predeterminada de la barra de la aplicación y el espacio de contacto. Según las dimensiones de la pantalla, se pueden apilar los controles principales de navegación y de la app, en lugar de mantenerlos en una sola barra horizontal.
Vistas de Dialpad y en la llamada
![Anatomía del teclado](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_DialPad.png?authuser=7&hl=es-419)
![Anatomía de la barra de control durante la llamada](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_IncallNew.png?authuser=7&hl=es-419)
2. Barra de control
Vistas de control de apps (Búsqueda y Configuración)
![Anatomía de la búsqueda](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Search.png?authuser=7&hl=es-419)
2. Superposición de búsqueda
![Anatomía de la configuración](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Settings.png?authuser=7&hl=es-419)
2. Superposición de parámetros de configuración
Navegación principal (barra de la app)
La navegación de la barra principal de la app consta de pestañas expuestas:
![Pestañas de cambio de navegación del Teléfono](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_PrimaryNavigation.gif?authuser=7&hl=es-419)
![Modelo espacial de la navegación con el Marcador](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_PrimaryNavigation_Wire.gif?authuser=7&hl=es-419)
Controles de la app
Los controles de la app ubicados a la derecha de la barra de la app brindan acceso a las funciones de búsqueda y configuración dentro de la app (representadas por los íconos de lupa y de engranaje, respectivamente).
![Ejemplo de controles de apps](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_AppControls.gif?authuser=7&hl=es-419)
![La app controla el modelo espacial](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/settings.gif?authuser=7&hl=es-419)
Espacio de contenido explorable
En el espacio de contacto explorable, los usuarios pueden desplazarse verticalmente por los contactos y navegar por z-space hasta detalles de contactos individuales, descendiendo un nivel de jerarquía.
Dado que navegar por varios niveles aumenta la carga cognitiva del conductor, en el Teléfono solo hay dos niveles de contacto: el principal y los detalles de contacto.
![Navegación de los contactos del Marcador](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_Content.gif?authuser=7&hl=es-419)
![La app controla el modelo espacial](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_Dialer_Content_Wire.gif?authuser=7&hl=es-419)
Dialpad
Los usuarios pueden seleccionar la pestaña Teclado para mostrar un teclado para realizar llamadas. Si un número ingresado parcialmente corresponde a un número de teléfono de los contactos, se muestra la coincidencia y el usuario puede realizar una llamada sin tener que ingresar el número completo.
![Pestaña del teclado, orientación horizontal](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_DialpadTab.png?authuser=7&hl=es-419)
![Orientación vertical de la pestaña del teclado con un contacto reconocido](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_recognizedContact.png?authuser=7&hl=es-419)
Pantalla de estado en la llamada y barra de control
Cuando un usuario realiza o responde una llamada dentro de la app de Teléfono, la pantalla de estado de la llamada muestra el nombre del contacto, el estado o la duración de la llamada y una barra de control durante la llamada para administrar las llamadas.
![Llamadas con teclado y barra de control](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_calling.png?authuser=7&hl=es-419)
![Pantalla de llamada y barra de control](https://developers.google.cn/cars/design/automotive-os/apps/dialer/images/SM_dialpad_in-call-new.png?authuser=7&hl=es-419)