Android Dev Summit, October 23-24: two days of technical content, directly from the Android team. Sign-up for livestream updates.

Cómo agregar código desde una plantilla

Androidִ Studio proporciona plantillas con código que satisfacen las prácticas recomendadas de desarrollo y diseño de Android para que puedas crear apps atractivas y funcionales. Puedes usar plantillas para crear módulos de apps nuevos, actividades individuales y otros componentes de proyectos de Android específicos.

Algunas plantillas proporcionan código de inicio para los contextos de uso comunes, como paneles laterales de navegación o pantallas de acceso. Puedes elegir uno de estos módulos de apps y plantillas de actividad cuando creas tu primer proyecto, agregas un nuevo módulo de app dentro de un proyecto existente o agregas una actividad nueva dentro de un módulo de app.

Además de las actividades, también puedes agregar otros componentes de proyecto de Android a una app existente mediante plantillas. En estas plantillas, se incluyen componentes de código, como servicios y fragmentos, y componentes sin código, como carpetas y archivos XML.

En esta página, se aborda la manera agregar los componentes de proyectos de Android, como las actividades de tu proyecto, y se describen las plantillas de actividad de uso común disponibles en Android Studio. Ten en cuenta que la mayoría de las plantillas dependen de la biblioteca de compatibilidad de Android para incluir los principios de interfaz de usuario conforme a material design.

Cómo agregar un componente de proyecto

Figura 1: Menú de plantillas, al que se puede acceder desde el menú File > New o haciendo clic con el botón derecho del mouse en la ventana Project.

La lista de plantillas proporcionada en Android Studio se amplía constantemente. Android Studio agrupa plantillas según el tipo de componentes que agregan (por ejemplo, una Activity o un archivo XML), como se muestra en la figura 1.

Para agregar un componente de proyecto de Android con una plantilla, usa la ventana Project . Haz clic con el botón derecho del mouse en la carpeta en la que desees agregar el componente nuevo y selecciona New. Según los componentes que se puedan agregar a la carpeta en la que hayas hecho clic, verás una lista de tipos de plantilla como los que se muestran en la figura 1.

Cuando selecciones la plantilla que desees agregar, aparecerá una ventana del asistente correspondiente que solicitará la información de configuración del componente, como su nombre. Una vez que ingresas la información de configuración, Android Studio crea y abre los archivos para tu componente nuevo. También ejecuta una compilación Gradle para sincronizar tu proyecto.

Si bien puedes usar el menú File > New de Android Studio para crear un componente nuevo de proyecto de Android, navegar hasta la carpeta que desees en la ventana Project garantizará la creación del componente en el lugar correcto.

Cómo seleccionar una plantilla de actividad

Uno de los usos más comunes de las plantillas consiste en agregar actividades nuevas a un módulo de app existente. Por ejemplo, si deseas crear una pantalla de acceso para los usuarios de tu app, agrega una actividad con la plantilla de actividad de acceso.

En esta sección se describen las plantillas de actividad comúnmente usadas en apps para teléfonos y tablets. Android Studio también proporciona plantillas para varios tipos de módulos de apps diferentes, incluidos los de Wear OS, Android TV y Cloud App Engine. Puedes ver las plantillas para estos diferentes tipos de módulos al crear un módulo de app. También existen plantillas para módulos y actividades más específicos de API, como Google AdMob Ads y Google Maps.

Las siguientes plantillas para teléfonos y tablets te proporcionan componentes de códigos para contextos de uso específico, como el acceso a una cuenta, la presentación de una lista de elementos con detalles o el desplazamiento por un bloque de texto largo. Cada uno puede servir como módulo de app entero o actividad individual.

Actividad básica

Esta plantilla crea una app simple con una barra de app y un botón de acción flotante. Funciona como punto de partida para tu proyecto porque proporciona componentes de IU de uso común.

En esta plantilla se incluye lo siguiente:

Actividad sobre navegación inferior

Esta plantilla proporciona una barra de navegación estándar en la parte inferior para una actividad a fin de que los usuarios puedan explorar y alternar vistas de nivel superior con un toque. Usa esta plantilla cuando tu aplicación tenga entre tres y cinco destinos de nivel superior. Para obtener más información, consulta las pautas de diseño de componentes de navegación inferior.

En esta plantilla se incluye lo siguiente:

  • AppBar
  • Un archivo de diseño único con ejemplo de diseño para navegación inferior

Actividad vacía

Esta plantilla crea una actividad vacía y un archivo de diseño único con contenido de texto de ejemplo. Te permite empezar de cero cuando compilas el módulo o la actividad de tu app.

En esta plantilla se incluye lo siguiente:

  • Un archivo de diseño único con contenido de texto

Actividad con pantalla completa

Esta plantilla crea una app que alterna entre una vista de pantalla completa principal y una vista con controles de interfaz de usuario (IU) estándar. La vista de pantalla completa es la predeterminada y un usuario puede activar la vista estándar si toca la pantalla del dispositivo.

En esta plantilla se incluye lo siguiente:

  • Una implementación táctil del receptor para ocultar los elementos de la vista estándar
  • Un botón que aparece en la vista estándar y no realiza acciones
  • AppBar para la vista estándar
  • Un archivo de diseño único con la vista de pantalla completa y un diseño de marco para elementos de vista estándares

Actividad de acceso

Esta plantilla crea una pantalla de acceso estándar. En la interfaz de usuario se incluyen los campos de correo electrónico y contraseña, y un botón de acceso. Se usa con mayor frecuencia como plantilla de actividad que como plantilla de módulo de app.

En esta plantilla se incluye lo siguiente:

  • Implementación de AsyncTask para manejar operaciones de red por separado desde el subproceso principal de interfaz de usuario
  • Indicador de progreso durante operaciones de red
  • Archivo de diseño único con la IU de acceso recomendada:
    • Campos de entrada de correo electrónico y contraseña
    • Botón de acceso

Flujo maestro y de detalles

Esta plantilla crea una app que tiene una visualización con la lista de elementos y otra con los detalles de un elemento individual. Al hacer clic en un elemento en la pantalla de la lista, se abre una pantalla con sus detalles. El diseño de las dos visualizaciones depende del dispositivo en el cual se ejecute la app.

En esta plantilla se incluye lo siguiente:

Esta plantilla crea una Actividad básica con un menú de panel lateral de navegación. La barra de navegación se expande de la izquierda a la derecha de tu app y se suma a la barra de app regular.

En esta plantilla se incluye lo siguiente:

  • Implementación de panel lateral de navegación con un elemento DrawerLayout, los controladores de eventos correspondientes y opciones de menú de ejemplo
  • AppBar
  • FloatingActionButton
  • Archivos de diseño para el panel lateral de navegación y el encabezado de este último, además de aquellos de la plantilla Actividad básica

Actividad de desplazamiento

Esta plantilla crea una app con una barra de herramientas que se puede contraer y una vista con desplazamiento para contenido de texto extenso. Mientras te desplazas hacia abajo en la página, la barra de herramientas, que puede servir como encabezado, se condensa automáticamente y el botón de acción flotante desaparece.

En esta plantilla se incluye lo siguiente:

Actividad de configuración

Esta plantilla crea una actividad que muestra las preferencias o configuración del usuario para una app. Extiende la clase PreferenceActivity y se usa con mayor frecuencia como plantilla de actividad que como plantilla de módulo de app.

En esta plantilla se incluye lo siguiente:

  • Actividad que extiende los archivos XML PreferenceActivity
  • (en el directorio res/xml/ de tu proyecto) para definir las opciones de configuración que se muestran

Actividad con pestañas

Esta plantilla crea una app con varias secciones, navegación por deslizamiento y una barra de app. Las secciones se definen como fragmentos entre los que puedes deslizarte de izquierda a derecha para navegar.

En esta plantilla se incluye lo siguiente:

  • AppBar
  • Un adaptador que extiende FragmentPagerAdapter y crea un fragmento para cada sección
  • Una instancia de ViewPager, un administrador de diseño para el deslizamiento entre secciones
  • Dos archivos de diseño: uno para la actividad y uno para los fragmentos individuales