Si eres nuevo en , ha llegado al lugar perfecto para comenzar a aprender sobre el diseño del diseño. Este artículo sobre el tutorial de diseño de diseño de Android lo ayudará a salir adelante conalgunos consejos útiles para mejorar el diseño de la interfaz de usuario y también explica cómo diseñar una interfaz de usuario.
Hablaré de los siguientes temas:
- Introducción a los componentes de la interfaz de usuario
- Puntos de vista
- Tipos de diseños
- Unidades de medida
- Manifestación
¡Entonces empecemos!
que es dax en power bi
Tutorial de diseño de diseño de Android: Introducción a los componentes de la interfaz de usuario
Hablando de los componentes de la interfaz de usuario, la interfaz de usuario típica de cualquier aplicación de Android consta de estos componentes:
- Barra de acción principal
- Ver control
- Área de contenido
- Barra de acción dividida
Estos juegan un papel importante mientras se desarrolla una aplicación compleja. Obtendrá una visión clara de esto cuando lleguemos a la sección de demostración de este artículo.
Otro factor importante que ayuda a personalizar el diseño de la interfaz de usuario sería el componente de vista.
Veamos qué es una vista en
Tutorial de diseño de diseño de Android: Puntos de vista
A Ver se considera un bloque de construcción básico para una interfaz de usuario adecuada que se crea realmente a partir de Ver clase . Este ocupa un área rectangular en la pantalla y finalmente se encarga del dibujo y el manejo de eventos.
Una vista es la clase base para los widgets, que se utilizan para crear componentes de interfaz de usuario interactivos como botones, campos de texto, etc. Ahora, hablando del área del rectángulo o un cuadro, puede ser una imagen, un fragmento de texto, un botón o cualquier cosa que pueda mostrar una aplicación de Android. El rectángulo aquí es realmente invisible, pero cada vista ocupa una forma de rectángulo.
Es posible que tenga una pregunta, ¿cuál puede ser el tamaño de este rectángulo?
La respuesta es que puede configurarlo manualmente especificando el tamaño exacto (con las unidades adecuadas) o utilizando algunos valores predefinidos. Estos valores predefinidos son match_parentand wrap_content. Esta match_parent significa que ocupará el espacio completo disponible en la pantalla del dispositivo. Mientras, resumir contenido refiere que ocupará solo el espacio necesario para que se muestre su contenido.
Ahora señalemos las principales diferencias entre View y ViewGroup.
Ver
- Ver Los objetos son los bloques de construcción básicos de los elementos de la interfaz de usuario en Android.
- Una vista es un cuadro rectangular simple que responde a las acciones del usuario.
- Ver se refiere a la clase android.view.View, que es la clase base de todas las clases de IU.
- Algunos ejemplos son EditText, Button, CheckBox, etc.
ViewGroup
- ViewGroup es el contenedor invisible que contiene View y ViewGroup.
- ViewGroup es la clase base para Diseños .
- Por ejemplo, LinearLayout es el ViewGroup que contiene Button (View) y también otros Layouts.
Ahora sigamos adelante y comprendamos los diseños que están presentes.
Tutorial de diseño de diseño de Android: Tipos de diseños
A diseño define la estructura de una interfaz de usuario en la aplicación. Todos los elementos del diseño se construyen utilizando una jerarquía de Ver y ViewGroup objetos.
Ahora veamos cómo declarar el diseño.
Puede declarar un diseño de dos formas:
Declare elementos de la interfaz de usuario en XML. Android proporciona un vocabulario XML sencillo que corresponde a las clases y subclases de View, como las de widgets y diseños.
Nota: También puede utilizar el editor de diseño de Android Studio para crear su diseño XML mediante una interfaz de arrastrar y soltar.
Crear instancias de elementos de diseño en tiempo de ejecución . La aplicación puede crear Ver y ViewGroup objetos y manipular sus propiedades mediante programación.
Analicemos los diferentes tipos de diseños.
La interfaz de usuario de Android es una jerarquía de vistas y grupos de vistas. Los ViewGroups serán nodos intermedios en la jerarquía y las vistas serán nodos terminales.
- Disposición lineal
- Disposición absoluta
- Disposición relativa
- Disposición de la mesa
- Disposición del marco
Discutámoslos en detalle.
Disposición lineal
El diseño lineal se utiliza para colocar un elemento en cada línea. Por lo tanto, todos los elementos se colocarán de forma ordenada de arriba a abajo. Este es un diseño muy utilizado para crear formularios en Android. También se puede denominar un grupo de vistas que alinea a todos los elementos secundarios en una sola dirección, vertical u horizontalmente.
Disposición absoluta
En diseño absoluto, puede especificar las coordenadas exactas de cada control que desea colocar. En este tipo de diseño, puede proporcionar las coordenadas X e Y exactas de cada control. Le permite especificar la ubicación exacta de sus hijos.
Disposición relativa
Un diseño relativo es un ViewGroup que muestra vistas secundarias en posiciones relativas. ustedpuede especificar la posición de los elementos en relación con otros elementos, o en relación con el contenedor padre.
Disposición de la mesa
Con el diseño de la tabla, puede crear una tabla con filas y columnas y colocar elementos dentro de ellas. En cada fila, puede especificar uno o más elementos. Puede utilizar este comando para crear un nuevo diseño de tabla.
Disposición del marco
El diseño de Marco se utiliza cuando desea mostrar un elemento en cada pantalla. Con el diseño del marco, puede tener varios elementos.Este diseño de marco es un marcador de posición en la pantalla que puede usar para mostrar una sola vista.
Tutorial de diseño de diseño de Android: Unidades de medida
Cuando especifica el tamaño de un elemento en una interfaz de usuario de Android, definitivamente debe recordar las siguientes unidades de medida.
| Unidad | Descripción |
|---|---|
| dp | Píxeles independientes de la densidad. 1 dp es equivalente a un píxel en un 160 ppp pantalla. |
| sp | Escala de píxeles independientes. Esto es muy similar a dp pero solo que se recomienda para especificar tamaños de fuente. |
| pt | Punto. Un punto se define como 1/72 de pulgada. |
| px | Pixel. Corresponde a los píxeles reales de la pantalla |
Ahora, avancemos al tema final de este artículo.
Tutorial de diseño de diseño de Android: Manifestación
En esta sección de demostración, comprendamos cómo trabajar con diseños en Android Studio .
Consulte el a Android Studio.
Así es como se ve el diseño. Simplemente seleccione el dibujante y encontrará algunas clases, seleccione cualquier otra clase debajo de este dibujo. Puede codificar la estructura de diseño o puede ver el diseño y simplemente arrastrar y soltar los componentes en el espacio de diseño.
Puede ver los componentes que ha seleccionado en el árbol de componentes.
También puede encontrarlos en el diseño.
- Paleta : Contiene la lista de vistas y grupos de vistas que puede arrastrar a su diseño.
- Componente Árbol : Consta de la jerarquía de vistas para su diseño.
- Barra de herramientas : Botones para configurar la apariencia del diseño en el editor y para cambiar algunos atributos del diseño.
- Editor de diseño : Diseño en vista Diseño o Plano, o ambas. También considerado como el espacio de diseño.
- Atributos : Controla los atributos de la vista seleccionada.
Con esto, llegamos al final de este artículo sobre “Tutorial de diseño de maquetación de Android”. Espero que tengan claro lo que se ha compartido con ustedes en este tutorial.Esté atento a otros blogs y buena suerte con su carrera de desarrollo de Android.
Ahora que ha comprendido los conceptos básicos del diseño de diseño de Android, consulte la por Edureka, una empresa de aprendizaje en línea de confianza con una red de más de 250.000 alumnos satisfechos repartidos por todo el mundo.
El curso de formación para la certificación de desarrollo de aplicaciones de Android de Edureka está diseñado para estudiantes y profesionales que desean ser desarrolladores de Android. El curso está diseñado para darle una ventaja en la programación de Java y capacitarlo para conceptos básicos y avanzados junto con un proyecto en el que se espera que cree una aplicación en Android.
Tienes una pregunta para nosotros? Menciónelo en la sección de comentarios de este blog “Tutorial de diseño de diseño de Android” y nos comunicaremos con usted lo antes posible.