Entorno de eclipse con android 
de la pantalla principal  de eclipse android 

StudioDesign01

Podrás ver la parte principal de Android Studio dividida en varias secciones:

  • Vista previa: En la parte central verás el estado actual de la pantalla según los componentes añadidos al layout y en función de las características del dispositivo seleccionadas en la barra de herramientas.
Paleta de componentes: Lista de los componentes que puedes agregar al layout, dividos en varias categorías. Cualquier elemento que desees añadir al diseño puedes seleccionarlo en esta lista y arrastrarlo al lugar deseado en la pantalla.
  • Árbol de componentes: Muestra la organización jerárquica de los componentes incluidos en el layout. Puedes arrastrar dichos componentes dentro de este árbol para cambiar su posición jerárquica.
  • Propiedades del componente: Donde puedes visualizar y editar una serie de propiedades del componente que se encuentre seleccionado en la vista previa de diseño del layout.
  • Barra de herramientas de diseño:Ofrece varios botones con algunas operaciones frecuentes que puedes realizar sobre el layout, como las siguientes:
  • StudioDesign03
  • Crear nuevas variaciones y mostrar vistas previas: Dispone de un menú en el que puedes elegir algunas opciones que permiten crear de manera rápida variaciones del layout que tienes abierto, así como distintas modalidades de vista previa.
  • StudioDesign02
  • StudioDesign04
  • Modelo de dispositivo para mostrar la vista previa: Permite seleccionar uno de los dispositivos predefinidos en el AVD Manager o alguno de los dispositivos creados en él.

  • StudioDesign05
  • Cambiar estado del dispositivo: Puedes mostrar la vista previa cambiando el estado del dispositivo entre el modo retrato (portrait) o apaisado (landscape), así como los tipos de interfaz de usuario 

  • StudioDesign06
  • Tema de la aplicación: Permite ver cómo quedaría la pantalla según el tema (combinación de colores, fuentes, etc) seleccionado o creado para la aplicación (AppTheme), o según los temas predefinidos del sistema.
  • StudioDesign07
  • StudioDesign08
  • Activity asociada: Desde aquí puedes abrir directamente el archivo correspondiente a la activity (código Java) asociada a este layout, o bien asignar otra activity.


  • StudioDesign09Región e idioma: Previsualizar la pantalla tal como aparecería en un dispositivo con el idioma indicado. Desde este botón también podrás crear traducciones en nuevos idiomas.
  • StudioDesign10Versión de Android: Utiliza la versión de Android que se indique en este botón para generar la vista previa de la pantalla. Aparecerán las versiones que se encuentren instaladas en el SDK Manager.
  • StudioDesign11Gravedad y ajuste de ancho y alto: Establece el modo en que un determinado componente de la pantalla debe ajustarse respecto a otro, y el ajuste de tamaño en altura y anchura.
  • StudioDesign12Zoom: Permite ajustar la vista previa a los siguientes tamaños: Ajustar al tamaño de la ventana; 100%; Aumentar; Disminuir; Mostrar código XML del layout.

Comments