Agenda.
• Creación del proyecto.
• Concepto de Activity.
• Edición de Activity.
• Componentes de interfaz.
Creación del proyecto.
Con la instalación completa de Android
Studio se procede a crear proyectos, para
ello desde el menú de archivo se selecciona
en nuevo/ nuevo proyecto.
Creación del proyecto.
El siguiente paso consiste en seleccionar el tipo de
dispositivo para el cual se va a desarrollar la app y
La activity principal.
Una activity significa actividad y en Android no es
más que una interfaz grafica.
Creación del proyecto.
Como ultimo paso se realiza la configuración de:
• Nombre de la app.
• Nombre del paquete (se recomienda utilizar el
dominio de la empresa).
• El directorio donde se guardara.
• El lenguaje de programación a utilizar.
• La versión mínima de Android para la que
funcionara la aplicación.
Creación del proyecto.
Al terminar la configuración se
debe ver un proyecto como el de
la imagen.
Concepto de Activity.
Una activity es una interfaz grafica de
usuario o pantalla en una aplicación, esta
conformada por dos partes:
• Parte lógica: es una clase escrita en el
lenguaje de programación (java o
kotlin), a través de esta se puede
manipular, interactuar y colocar el
código de la actividad.
• Parte grafica: es un archivo xml que en
Android estudio se puede visualizar
gráficamente, pero detrás de el hay
una serie de etiquetas parecidas a
código html.
Concepto de Activity.
La ubicación de los archivos que
componen el activity se muestra en la
imagen.
La parte de código se encuentra dentro
del paquete java.
La parte grafica xml se encuentra dentro
del paquete res/layout
Edición de Activity.
Vista de split
Vista de code
Vista de diseño
Edición de Activity.
En la vista de diseño observamos el constraint layout que esta dividido en dos partes:
Modo blue print
Modo diseño
Permite visualizar Permite visualizar
como va a ver la el esqueleto
aplicación el completo de la
usuario final. aplicación.
Edición de Activity.
La edición del contenido se puede hacer a través de cualquiera de las
herramientas, pero la manera más fácil es a través de los elementos
de interfaz que se pueden observar en la paleta de la vista de diseño.
Edición de Activity.
La edición del contenido se puede hacer a través de cualquiera de las
herramientas, pero la manera más fácil es a través de los elementos
de interfaz que se pueden observar en la paleta de la vista de diseño.
Componentes de interfaz.
La paleta de diseño cuenta con 8 categorías
de elementos al dar clic en cada categoría
en la parte izquierda se muestran los
elementos, para llevarlos a la interfaz basta
con seleccionar y arrastrarlos hasta el
diseño del activity.
Componentes de interfaz.
Componentes de la categoría texto:
En este conjunto de componentes podemos
encontrar tanto etiquetas de texto cono
campos para capturar información de los
usuarios, hay campos específicos
dependiendo el tipo de datos que se quiera
capturar.
Componentes de interfaz.
Componentes de la categoría botones:
En este conjunto de componentes podemos
encontrar controles de varis tipos
dependiendo la finalidad del componente.
Componentes de interfaz.
Componentes de la categoría widgets:
En este conjunto de componentes podemos
apps en miniatura que pueden verse dentro
de una Activity.
Componentes de interfaz.
Componentes de la categoría layouts:
Los layouts son una especie de
contenedores invisibles que establecen la
disposición de los elementos que se
encuentran dentro de el layout utilizado por
defecto es el constraint layout el cual brinda
una gran libertad en la ubicación de los
componentes.
Componentes de interfaz.
imágenes:
Para agregar imágenes basta con cargar la
imagen a la carpeta correspondiente
(res/drawable), agregar un imageView
ubicarlo donde se desea, y a través de la
propiedad srcCompat se agrega la imagen.
Gracias.
