KnowledgeCity

Vistas personalizadas en Kotlin

En este capítulo aprenderá los elementos esenciales de la construcción de aplicaciones mediante vistas personalizadas.

En este capítulo aprenderá los elementos esenciales de la construcción de aplicaciones mediante vistas personalizadas. Aprenderá todas las cosas que necesitará saber para crear una aplicación que tenga vistas, imágenes y objetos de diseño que se hayan modificado para cumplir con un requisito personalizado.

Objetivos de aprendizaje:

  • Familiarizarse con las vistas personalizadas
  • Cómo personalizar vistas, imágenes, formas
  • Cómo usar Android Studio como herramienta para la personalización de vistas
  • Cómo trabajar con imágenes y mapas de bits
  • Cómo diseñar diseños de pantalla con texto personalizado

Instructor: David Powers

Duración: 33m · 5 lecciones
Nivel: Advanced
Idioma: Español

Habilidades que obtendrás

CodeViewCreate ViewBackend personalizadoObjeto personalizadoWidgets personalizadosKotlin

Lo que aprenderás

  • Crear aplicaciones usando vistas personalizadas, imágenes y objetos de diseño modificados para cumplir un requisito personalizado
  • Personalizar vistas, imágenes y formas en desarrollo de Android
  • Usar Android Studio como una herramienta para personalización de vistas
  • Trabajar con imágenes y mapas de bits
  • Diseñar diseños de pantalla con texto personalizado
  • Aplicar los fundamentos de vistas personalizadas y personalizar la clase View

Puntos clave

  • Este capítulo cubre los elementos esenciales de la construcción de aplicaciones usando vistas personalizadas.
  • Las vistas personalizadas, imágenes y objetos de diseño pueden modificarse para cumplir un requisito personalizado.
  • Android Studio sirve como una herramienta para personalización de vistas.
  • El curso aborda el trabajo con imágenes, mapas de bits y texto personalizado en diseños de pantalla.

Preguntas frecuentes

¿Qué cubre este curso?

Cubre los elementos esenciales de la construcción de aplicaciones usando vistas personalizadas, incluyendo la construcción de una aplicación que tiene vistas, imágenes y objetos de diseño modificados para cumplir un requisito personalizado.

¿Qué aprenderé a personalizar?

Aprenderá a personalizar vistas, imágenes y formas, trabajar con imágenes y mapas de bits, y diseñar diseños de pantalla con texto personalizado.

¿Qué herramienta usa este curso para la personalización de vistas?

El curso enseña cómo usar Android Studio como una herramienta para personalización de vistas.

¿Qué temas incluyen las lecciones?

Las lecciones cubren Fundamentos de Vistas Personalizadas, Personalización de la Clase View, Imágenes Personalizadas, Mapas de Bits Personalizados y Texto Personalizado.

¿Qué habilidades construye este curso?

El curso construye habilidades en CodeView, Create View, Custom Backend, Custom Object, Custom Widgets y Kotlin.

Transcripción

Transcripción

Hola y bienvenido. En esta lección, aprenderá sobre la base de vistas personalizadas. Así que en sus aplicaciones, especialmente sus aplicaciones móviles y sus aplicaciones de Android, querrás crear vistas estándar y también vistas personalizadas usando Kotlin. Así que es bueno aprender a dibujar formas. y cree un lienzo y use sus atributos XML de una manera eso le dará a sus clientes una buena experiencia de usuario. Entonces, la plataforma Android tiene varias clases de vista. que cubren las necesidades estándar de una aplicación típica, pero a veces incluso muchas veces, estas vistas no se ajustan a las necesidades de sus clientes, y necesitará crear vistas personalizadas. Y algunas de esas razones son que puede tener diferentes tipos de datos que necesita mostrar y las vistas estándar simplemente no pueden manejarlo. O tal vez desee un tipo diferente de interacción con el usuario. Todos estamos acostumbrados a usar el mismo tipo de interacción una y otra vez. Pero tal vez para su aplicación, quieres algo especial y algo diferente. O tal vez quieras un tipo de animación realmente ordenado. O el diseño de su interfaz de usuario tiene que ser innovador y nuevo. También hay problemas de rendimiento. donde necesita optimizar la velocidad y la entrega de tu desempeño. Y luego siempre está la reutilización. Así que tenemos que aprender a dibujar o crear algunas vistas personalizadas. para que podamos producir algunas formas únicas y rutas únicas usando lo que se llama el lienzo de Android. Entonces, en general, podemos pensar en esto como un lienzo. Esta área aquí es donde vamos a pintar o crear la apariencia de nuestra aplicación. Y este es nuestro diseño. Y podemos pensar en este diseño como un lienzo. Y justo aquí en Android Studio, tenemos lo que se llama una paleta. Así que déjame hacer clic en esta paleta. Y esto nos muestra una especie de jerarquía de vistas. Entonces, en la parte superior de la jerarquía está la clase de vista. Y luego, debajo de eso, todo dentro de la clase de vista. son vistas de widgets y vistas de botones y vistas de texto y diferentes tipos de grupos de diseños. Ahora las formas de crear una vista son puede crear una vista dentro de este diseño arrastrando una vista en tu paleta. Y también puede crear vistas dentro de su código, que está aquí, vistas dentro de la actividad principal, o puede crear vistas dentro de la actividad principal, que es en realidad el diseño. Entonces, por ejemplo, puede agregar una vista de texto, Haré clic en eso. Y hay varias vistas de texto diferentes, texto sin formato, contraseñas, teléfonos, correos electrónicos y todo tipo de cosas. Y esta vista de diseño está contenida dentro de la actividad principal de diseño res, pero también puedes crear vistas entrando en la actividad principal. Bien, entonces estas vistas, son el bloque de construcción básico de la interfaz de usuario de Android o la UI. Y puedes pensar en una vista como cualquier tipo de área rectangular en la pantalla que o bien has dibujado tú mismo o ha utilizado las herramientas de diseño. Y puedes crear un grupo de vista, que es una subclase de la clase V. Entonces, a veces desea mostrar un cierto tipo de datos y puede haber una vista adecuada o una buena vista. Y dentro del conjunto básico de widgets como estas vistas de imágenes y estas vistas web y estas vistas de video, calendarios, barras de progreso, barras de calificación, puede haber algunas cosas realmente buenas allí, pero a veces quieres tomar eso y luego personalizarlo, o quieres construirlo desde cero, que también es una vista personalizada. Por lo tanto, es posible que desee ampliar estos widgets. Entonces, por ejemplo, Supongamos que no existe tal cosa como una vista de botón. porque en los viejos tiempos no había. Y tuviste que crearlo tú mismo. Así que lo que puedes hacer y lo que todavía puedes hacer está dentro de una vista de texto, en realidad puedes extender la vista de texto y darle algunos parámetros y un marco y luego, de repente, puede cambiar su vista de texto en algo que parece un botón, y esa sería una vista personalizada. Y luego, por supuesto, puedes reutilizar ese botón. porque tú lo creaste, lo posees, ahora es una clase en sí misma y es reutilizable. E incluso puedes tener un grupo de visualización donde tomarías muchas vistas similares y agruparlos. Por ejemplo, puede tener un grupo llamado vista de dinero donde tendrías algunas vistas de texto que hablan de dinero y luego tendrías algunas vistas de imágenes que podría tener un signo de dólar, y agruparías todas estas vistas juntas para que pueda llamarlos como un solo paquete y desplegarlos rápidamente como grupo. Y todas las clases de vista en Android tienen lo que llamamos constructores. Y hay cuatro constructores. que necesita usar o anular. Uno de esos constructores es el contexto de actividad. Y otra es la instancia de vista, que se relaciona con XML. Y también está el estilo y el atributo del tema. Y luego tienes un recurso de estilo. Y todo esto se puede trabajar usando XML. Entonces, cuando esté creando vistas personalizadas, en realidad estás dibujando en un lienzo y ese lienzo va a necesitar cosas como color, temas y cadenas. Aquí hay un código que funciona con estos atributos. Vas a estar trabajando con colores, como rojo, verde, azul. Vas a estar trabajando en un lienzo y vas a estar trabajando con pinceles. Cuando usamos vistas personalizadas, en realidad estamos anulando lo que ya está allí. Eso es lo que lo hace personalizado, lo primordial. Muy bien, esa es una buena descripción general de las vistas personalizadas. Así concluye nuestra lección sobre la base de vistas personalizadas. Gracias por ver. Estén atentos para la próxima lección. Entonces vamos.

Aprende sobre la marcha

Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.