Skip to content

Most visited

Recently visited

navigation

Información general de la IU

Todos los elementos de la interfaz de usuario de una app para Android están desarrollados con objetos View y ViewGroup. Una View es un objeto que dibuja algo en la pantalla con lo que el usuario puede interactuar. Un ViewGroup es un objeto que tiene otros objetos View (y ViewGroup) para definir el diseño de la interfaz.

Android proporciona una colección de subclases View y ViewGroup que te ofrecen controles de entrada comunes (como los botones y los campos de texto) y varios modelos de diseño (como un diseño lineal o relativo).

Diseño de la interfaz de usuario

La interfaz de usuario de cada componente de tu app se define con una jerarquía de objetos View y ViewGroup, como se muestra en la figura 1. Cada grupo de vista es un contenedor invisible que organiza vistas secundarias, mientras que las vistas secundarias pueden ser controles de entrada u otros widgets que dibujan alguna parte de la IU. Este árbol de jerarquía puede ser tan simple o complejo como lo necesites (pero la simplicidad es lo mejor para el rendimiento).

Figura 1: Ilustración de una jerarquía de vistas, que define un diseño de IU.

Para declarar el diseño, puedes crear una instancia de objetos View en el código y desarrollar un árbol, pero la manera más sencilla y efectiva para definir el diseño consiste en utilizar un archivo XML. XML ofrece una estructura en lenguaje natural para el diseño, similar a HTML.

El nombre de un elemento XML para una vista se relaciona con la clase de Android que representa. Por lo tanto, un elemento <TextView> crea un widget TextView en la IU, y un elemento <LinearLayout> crea un grupo de vistaLinearLayout.

Por ejemplo, un diseño vertical simple con una vista de texto y un botón tiene esta apariencia:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="fill_parent"
              android:layout_height="fill_parent"
              android:orientation="vertical" >
    <TextView android:id="@+id/text"
              android:layout_width="wrap_content"
              android:layout_height="wrap_content"
              android:text="I am a TextView" />
    <Button android:id="@+id/button"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="I am a Button" />
</LinearLayout>

Cuando cargas un recurso de diseño en la app, Android inicia cada nodo del diseño en un objeto de tiempo de ejecución que puedes usar para definir comportamientos adicionales, consultar el estado del objeto o modificar el diseño.

Para consultar una guía completa sobre la creación de un diseño de IU, consulta Diseños XML.

Componentes de la interfaz de usuario

No es necesario que compiles toda la IU con objetos View y ViewGroup. Android proporciona varios componentes de app que ofrecen un diseño de IU estándar, en el cual solo tienes que definir el contenido. Cada uno de estos componentes de IU tienen un conjunto único de API, que se describen en los documentos correspondientes, como Adición de la barra de app, Cuadros de diálogo y Notificaciones de estado.

This site uses cookies to store your preferences for site-specific language and display options.

Get the latest Android developer news and tips that will help you find success on Google Play.

* Required Fields

Hooray!

Follow Google Developers on WeChat

Browse this site in ?

You requested a page in , but your language preference for this site is .

Would you like to change your language preference and browse this site in ? If you want to change your language preference later, use the language menu at the bottom of each page.

This class requires API level or higher

This doc is hidden because your selected API level for the documentation is . You can change the documentation API level with the selector above the left navigation.

For more information about specifying the API level your app requires, read Supporting Different Platform Versions.

Take a short survey?
Help us improve the Android developer experience.
(Sep 2017 survey)