Vista previa, herramientas

Las herramientas de la vista previa, por ejemplo, cambiar la vista para diferentes resoluciones, la orientación de la pantalla, el tema, versión de la API, etc. Todo eso se describirá a continuación.

Vista previa herramientas

En la parte superior de la vista previa o de diseño, se encuentran varias herramientas que te ayudan a personalizar la vista previa. Con estas puedes verla para diferentes dispositivos y mas opciones. A continuación te las explicaremos brevemente.

 

Vista del diseño.

Diseño o blue print, vista previa android studio

Con esta herramienta de la vista previa, puedes elegir que es lo que deseas visualizar en la vista previa. Puedes ver el diseño de tu app (design) o bien el plano técnico (blueprint, el cual solo muestra contornos de cada vista).

O bien puedes ver ambos a la vez. En la siguiente imagen te mostramos un ejemplo donde esta el diseño a la izquierda y el plano técnico a la derecha.

Diseño y blueprint

Orientación de la pantalla.

Orientación de la pantalla vista previa

Con esta opción puedes cambiar la orientación de la pantalla, ya sea landscape (horizontal) o portrait (vertical).

Es una herramienta muy útil ya que puedes darte cuenta como se vera tu app según la orientación que tenga la pantalla. Aquí se recomienda diseñar un layout para cada orientación, si tu app esta diseñada para ambas orientaciones.

Orientacion landscape Android Studio

 

Create landscape variation.

Esta opción te crea un nuevo layout para la orientación de landscape (horizontal). Esta opción solo la puedes ver si no tienes un layout para esta orientación.

 

Create Tablet variation.

Esta opción te crea un nuevo layout para una Tablet. El nuevo layout te lo guarda en res/layout/nombre_de_la_activity/ nombre_de_la_activity-sw699dp

 

Variantes de diseño.

Crear layout de diferente resolucion, Android Studio

Puedes modificar algún diseño o crear uno nuevo. Aquí puedes crear un nuevo layout dependiendo a la resolución o tipo dispositivo que tengas seleccionado.
Ese archivo lo puedes modificar y acomodarlo como mejor se vea, solo se modificara esa resolución el resto seguirá igual. Al layout lo tienes que nombrar con un guion y la resolución que quieras crear “layout-dpi” o “layout-mdpi” como se muestra a continuación.

Creando nuevo layout para diferente resolución

Puedes crear un layout para una baja resolución, uno para media resolución y así. Ademas puedes hacer un diseño para Tablets, otro para TV, etc. Y hasta para landscape y portrait.

Se recomienda hacer esto al final (cuando ya tengas la UI con los elementos que tendrá). Ya que si le añades algo nuevo (como un botón) al layout, tendrás que agregarlo en cada uno de los layouts con diferentes resoluciones que tengas. Esto puede ser tedioso, y si se te olvida añadir a algún layout vas a tener errores, que pueden confundirte y no saber donde esta el error.

Diferentes resoluciones Android Studio

 

Tamaño del dispositivo y su tipo.

Multiples resoluciones y tipos de dispositivos Android Studio

En esta opción puedes elegir la resolución en la que quieras ver tu app, de esta manera puedes tener una vista previa de múltiples resoluciones, para tu app.

Ademas hay varios tipos de dispositivos, como Tablets, TV, móviles, reloj, etc. Con los cuales puedes darte una idea de como se ve tu app en esos dispositivos.

Con esta opción puedes ver el diseño de tu app, en varias resoluciones de pantalla y en varios tipos de dispositivos.

Se recomienda crear un layout para cada resolución y tipo de dispositivo. Así aseguras que tu app se verá bien en los dispositivos a los que la orientes.

 

Version de API.

Versiones de la app, Android studio

Con esta herramienta, puedes tener una vista previa de como se vera tu proyecto si se ejecuta con distintas versiones de Android.

Así puedes asegurar que tu app se vera bien para las diversas versiones que tiene android. Puedes usar la opción superior, y automáticamente elegirá la mejor para tu ´proyecto. Pero puedes probarlo en varias distintas.

 

Tema de la app.

Aquí seleccionas el tipo de tema que usaras en tu app, mas específicamente en tu interfaz de usuario (UI). Ya sea usando action bar o no. Y diversos temas que aparecen.
Aunque aquí debes de ser muy cuidadoso, ya que algunos temas no son compatibles y pueden causar errores.

NOTA: Esta opción no va a cambiar el tema que tienes en el manifest de tu app. Solo es para una vista previa.

Multiples temas Android studio

 

Idioma.

Esta herramienta es bastante útil cuando tienes tu app en diferentes idiomas.
Ya que solo mostrara las strings de tus recursos del idioma que defines aquí.

Así de simple es cambiar de idioma tu app. Claro que debes de tener las strings para diferentes idiomas, en los recursos de tu app.

Idiomas de la app Android studio