Este documento presenta 6 actividades realizadas por el estudiante para familiarizarse con diferentes layouts en Android. Cada actividad describe brevemente el layout utilizado, el desarrollo de la aplicación móvil creada y las conclusiones del estudiante.
2. Actividad 1: Layouts
de Android
Indicaciones
Que el estudiante, se familiarice con el uso de los
diferentes layouts que maneja Android, realizando
una serie de aplicaciones que los utilicen.
Desarrollo
Al inicio, se pone una línea para el tipo de
proyecto, en este caso sería “LinearLayout”, a
continuación se ubican las librerías y los import,
además de la ubicación de la pantalla y tamaño de
esta, y el fondo.
A continuación, se indica que va un “TextView” y se
asignan las propiedades, que al ser una lista de
invitados, sólo lleva nombres. En general, las
propiedades de todos son iguales, excepto en uno,
ya que abarca todo el ancho de la pantalla, además
de que evidentemente el color es distinto en todos.
Conclusiones
Como primer actividad en Android Studio, me fue
interesante comenzar a trabajar en ella. Al principio
me fue un poco confuso todo el entorno e incluso
encontrarle la lógica al lenguaje.
3. Actividad 1.2
Desarrollo
Al igual que en el programa anterior, es una lista
de invitados, pero en esta practica, se puede ver
que los nombres con el color ocupan
equitativamente el espacio de la pantalla y se
adecuan al ancho.
Esto se logró con la propiedad “width”, donde en
lugar de relacionarlo al padre o envolver
contenido, se colocó un 1 para que el espacio
fuera igual para todos. Además, en la propiedad
“height” se alineó al padre.
Conclusiones
La parte dos fue más compleja de resolver para
mi, ya que íbamos a usar una propiedad que yo
no conocía. Ademas de que las características de
este son distintas.
Si me tomó un poco entender el cómo funciona y
después de experimentar varias veces, logré el
punto: Que se repartiera el espacio
equitativamente entre las 5 líneas en la pantalla.
4. Actividad 1.3
Desarrollo
En esta actividad, los textos no cambian
mucho, ya que anteriormente lo habíamos
hecho. Pero se debe añadir una “ImageView”
y de igual manera se añaden sus
propiedades, no es distinta a los textos.
Ademas se alineó para que fuera mas grande
y los textos se adaptaran para cubrir los
espacios en blanco.
Conclusiones
Esta fue la práctica mas interesante y
sorprendente para mi, aunque suene extraño,
también fue la práctica que mas trabajo me
costó.
Usar las propiedades en una imagen y
adecuar la pantalla para que se visualizara
completamente, además de cambiar los
colores y adecuar la letra. Me gustó mucho el
cómo me quedó finalmente.
5. Actividad 1.4:
RelativeLayout
Desarrollo
A diferencia de las practicas anteriores,
en esta se comienza con un
“RelativeLayout”, la cual ayudará con el
acomodo, pues los textos se ubican el
las esquinas. No hay diferencia en el
resto del código, simplemente se
ubican los textos alineados en función
de los bordes y el resto de textos.
Conclusión
En esta actividad, realmente pude notar
el para qué sirven las funciones y a
darle propiedades adecuadamente,
además de ubicar y modificar los
textos, aprendí a hacerlo en función de
otras cosas, es decir, los bordes u otros
textos.
6. Actividad 1.5
Desarrollo
Al igual que la práctica anterior, utilicé el
“RelativeLayout” y con mucha razón. Para que
la aplicación mantuviera su estética y
organización, es necesario utilizar 3 puntos
de referencia, en esta aplicación lo noté. Al
igual que anteriormente, se ubican los
“TextView”, aunque ahora en las propiedades
de estos, se pone la ubicación en relación a
otro texto, es decir, se indica si arriba, abajo,
con el borde en el inicio, etc.
Conclusión
Si este parcial hubo actividades que me
costaron trabajo, definitivamente fue esta. Al
inicio no le encontré NADA de lógica ni sabía
alinear correctamente los textos entre si, por
lo que los textos terminaban en lugares en
los que yo no los quería o se encimaban e
incluso sacaban a los otros textos de la
pantalla. Una vez que le vi un poco la lógica
de lo que realmente estaba haciendo, terminé
la actividad relativamente rápido, con todo y
el cambio de color del fondo.
7. Actividad 1.6
Desarrollo
Igual, se utilizó el “RelativeLayout”.
Aunque esta aplicación no tiene
mucha complejidad, a los textos e
imágenes no se les asignó ningún
tipo de propiedades, con lo que se
logra que todo esté encimado sobre
todo y en una sola esquina.
Conclusión
Esta actividad, sinceramente, no sé
para que sirve, son líneas de código
que al final ponen la imagen y los
textos encimados, pero de igual
manera, se realizó la imagen.
8. Actividad 1.6.1
Desarrollo
Esta fue la continuación a la práctica
anterior. A esta practica le agregamos la
propiedad “Margin” para lograr dejar el
espacio adecuado en todos los lados y
objetos.
Además de que se les dio un acomodo y
ubicación correctos dentro de la pantalla.
Conclusiones
Considero que lo más complejo en esta
actividad, fue utilizar la propiedad
“Margin”, por lo que tuve que investigar
ejemplos y mas o menos tener la
estructura de un programa distinto para
comprender bien el cómo aplicarlo.
9. Actividad 2: ScrollView
Indicaciones
El estudiante realiza aplicaciones móviles que utilicen
diferentes layouts, según lo indique el docente. Al
final, realiza sus reflexiones personales.
Desarrollo
Como primer actividad trabajando “ScrollView”, utilizó
el RelativeLayout. Antes de insertar botones, se
procede a insertar el “ScrollView” para que actúe
sobre todos los objetos que estén dentro de él. A
continuación, colocamos otro “ScrollView”, el cual
ayudará a que cada uno pueda ser horizontal y
vertical.
Conclusiones
El uso de estos elementos, es muy practico y
realmente fácil de utilizar. Ademas de que ayuda con
el uso del espacio de la pantalla para no sobrecargar
el contenido y tener una buena vista de ello.
10. Actividad
3:ConstrainLayout en
Android
Desarrollo
En esta aplicación, no hay
mucha complejidad de diseño
o programación, ya que todo
básicamente se hizo a través
del medio visual de diseño. El
uso de un “Constrain” lo
facilitó mucho.
Conclusión
Me agradó bastante el uso de
este layout, ya que a diferencia
de los otros, este se me hizo
un poco mas liberal y simple
de manejar en cuanto a
localización.
11. Actividad 3.1
Desarrollo
Esta actividad, empezamos a trabajar con los “void” y
directamente en la función principal. Empezamos por
inicializar los botones y entradas de texto. A continuación,
usamos distintas funciones para realizar las operaciones al
presionar el botón, que al igual que en JAVA, fue
necesario declarar las variables y asignar el resultado.
Finalmente al resultado se le cambia el tipo de dato a
unotipo “String” para poder imprimirlo. Para que los
botones funcionen, es necesario asignarles una función, lo
que es fácil, simplemente añadiendo en la propiedad
“onClick” la función correspondiente.
Conclusión
Sentí que regresé a segundo semestre, ya que el código y
lógica que se manejaron, fueron prácticamente las
mismas. Mi único problema fue, el relacionar las id de los
objetos con las variables manejadas en la función
principal. De hecho, aun no entiendo bien la estructura de
ello.
12. Actividad 3.2:Par
e impar
Desarrollo
Al igual que en el caso de la calculadora,
se utilizó un “ConstrainLayout”, para esto,
por primera vez utilizamos el “if”.
En la función principal, se ubica el “if”,
donde se analiza si el número es par o
impar, mediante una división, donde si el
resultado es 0 será par. De igual manera,
esta función es asignada al botón y listo.
Conclusión
No me gustó esta actividad, ya que me
parece que hay mejores ejemplos para
utilizar un “if” que podrían integrar un
poco mejor el asunto de este entorno
nuevo.
13. Actividad
3.3:Calculadora 2
Desarrollo
El código es prácticamente el mismo que en el caso de
la calculadora anterior, excepto que en lugar de
botones, se utilizó el “RadioButton”, por lo que en
lugar de ser “onClick” se utilizan los “if”.
Conclusión
Esta actividad no la entendí absolutamente nada,
copié simplemente el código que dio la maestra, ya
que no hubo tiempo para explicarla y realmente no le
veo lo practico a este estilo de diseño.
Además, una disculpa pero no pude anexar ni una
vista previa, ya que no cuento con el Android Studio
en mi computadora y no pude trabajar mas que en el
bloc de notas.