En nuestro proyecto anterior, usamos el widget predeterminado, que era una vista de texto que mostraba el texto "Hello Android World". Ahora exploraremos formas en las que puede diseñar diseños de apariencia inteligente con Android Studio. El diseño que diseñará en esta sección se ve así en la vista vertical:
Y así en el paisaje:
Empecemos.
Crea un nuevo proyecto para esto. Haga clic en Archivo> Nuevo> Nuevo proyecto en el menú de Android Studio en la parte superior. Si ya cerró su aplicación, seleccione Iniciar un nuevo proyecto de Android Studio de la lista. En versiones anteriores de Android Studio, verá el cuadro de diálogo Nuevo proyecto. Escriba Diseño de prueba para el nombre de la aplicación:
Haga clic en Siguiente y acepte todos los valores predeterminados en el resto de los cuadros de diálogo. A continuación, se cargará su nuevo proyecto.
En las versiones más recientes de Android Studio, verá nuevamente el cuadro de diálogo Elija su proyecto . Seleccione Actividad vacía , como antes, y haga clic en Siguiente para ver la pantalla Configurar su proyecto . En el cuadro Nombre en la parte superior, escriba Diseño de prueba . Asegúrese de que el menú desplegable Idioma esté configurado en Java . Su pantalla debería verse así (pero con un nombre de paquete diferente y una ubicación para guardar):
Para tener más espacio en el IDE de Android Studio, puede minimizar el Explorador de proyectos a la izquierda. Puede hacer esto haciendo clic en Ver desde el menú en la parte superior, luego Herramientas Windows> Proyecto . O haciendo clic en la pestaña Proyecto en el borde izquierdo de la pantalla:
Vuelva a hacer clic en la pestaña si desea recuperar la lista de proyectos.
Primero, echemos un vistazo al Diseñador y los íconos de la barra de herramientas que usará con más frecuencia. Abra su archivo activity_main.xml . Asegúrese de estar en la pestaña Diseño, en lugar de en la pestaña Texto:
Ahora examine la barra de herramientas en la parte superior de su aplicación simulada:
En la fila inferior, tenemos estos íconos en versiones anteriores de Android Studio:
Y estos en versiones posteriores:
En la fila superior, tenemos estos en versiones anteriores de Android Studio:
Aprenderá sobre los íconos que hemos resaltado a medida que avanza.
Dos áreas más para examinar son la paleta :
y el árbol de componentes :
La paleta es donde arrastra y suelta los controles en su superficie de diseño. El árbol de componentes le muestra una lista de controles que ha colocado en su superficie de diseño. Puede hacer clic en un elemento del árbol de componentes para seleccionarlo en el diseñador.
En la próxima lección, comenzará a agregar widgets a su diseño de Android.
No hay comentarios:
Publicar un comentario