Editor de diseño de Android: código, división y diseño

Android Layout Editor es el lugar de trabajo en Android Studio , en el que hacemos la parte de diseño de una aplicación de Android simplemente arrastrando elementos de la interfaz de usuario al editor en lugar de escribir código XML para ello. Android Studio Layout Editor nos permite crear diseños arrastrando componentes a la pantalla o editando un archivo de diseño XML. Android Studio Layout Editor, hace lo siguiente:

1. Agregue componentes al diseño usando arrastrar y soltar
2. Agregar y cambiar todos los atributos (propiedades) de los componentes
3. Ver y editar restricciones para diseños
4. Editar código XML para el diseño
5. Prepara un diseño responsivo con una vista previa

Componentes del administrador de diseño

1. Paleta: contiene varias vistas y grupos de vistas que se pueden arrastrar al diseño.
2. Árbol de componentes: muestra las relaciones jerárquicas de los componentes dentro del diseño.
3. Editor de diseño: contiene vista de plano y vista de diseño para editar el diseño.
4. Modo de visualización: muestra el diseño en modo de diseño, división o código. En modo dividido, la ventana de código y la ventana de diseño se muestran al mismo tiempo.
5. Barra de herramientas: haga clic en este botón para personalizar la apariencia del diseño y cambiar las propiedades del diseño en el editor.    
6. Propiedades: Administra las propiedades de la vista seleccionada.
7. Controles de Zoom y Pan: controla el tamaño y la posición de la vista previa en el editor.

Modo de vista

Hay 3 modos de vista en un editor de diseño de Android.

1. Código: en este modo de vista, escribimos código XML para el diseño.

2. Diseño: en este modo de vista, arrastramos los elementos de la interfaz de usuario a la vista desde la paleta (vistas disponibles por defecto).

3. Dividir: este es un modo de vista híbrido, en este modo de vista el editor se divide en dos partes, una es el modo de vista de código y la otra es el modo de vista de diseño