ÁPLICACIONES MOVILES REPORTES

1. DISEÑO DE APLICACIONES
MOVILES
Cristian L Jiménez Robles
Maria de Lourdes Ramirez Villaseñor
REPORTES

2. Aplicación 1
Hola mundo

4. Los pasos:
Lo que hacemos es nombrar las variables
Por como corresponda
En la parte de diseño, ya sea en código o
visualmente
Para después pasarnos a la parte de la
Main activity
Donde al insertar el código del botón lo que hará
es que el mensaje cambie al tocarle al botón
Conclusión:
Este fue el primer código que utilizamos para
aprender a como se usan los eventos pero
ahora para aplicaciones y en Android a
pesar de que el lenguaje sea el mismo (java)

5. Aplicación 2
Lista de Invitados

6. Los pasos:
Copiamos el código al Android studio
Esta es otra forma de hacer un programa, ya que
no lo hacemos mediante la parte visual si no la
parte de código, entonces
Lo que hacemos como quien dice es desde cero,
Así copiando el código nos debería salir de esa
forma, le damos los colores correspondientes y
hasta el texto que queremos.
Conclusión:
Como se mencionó anteriormente esta es otra
forma de hacerlo ya que puede haber personas
que incluso se les haga más rápido hacerlo de
esta forma que de la forma visual que a veces
hasta se tarda tiempo buscando los atributos
necesarios

7. App Imagen

8. Pasos:
En esta aplicación lo que hacemos es insertar
una imagen mediante código también
Y darle sus atributos de altura ancho y largo
Conclusión:
Esta es una prueba para ver lo que podemos
crear añadiendo distintas imágenes y
dándoles su tamaño largo o ancho

9. Aplicación Imagen

10. <LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android: orientation="vertical"
>
<ImageView
android:id="@+id/image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:scaleType="centerCrop"
android:src="@drawable/ocean"
/>
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#009688"
android:text="You'reInvited!"
android:textColor="@android:color/white"
android:textSize="50sp"

11. app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.275"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.818" />
<TextView
android:id="@+id/textView2"
android:layout_width="445dp"
android:layout_height="wrap_content"
android:background="#009688"
android:text=" Bonfireat the beach"
android:textColor="@android:color/white"
android:textSize="44sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="1.0" />
</LinearLayout>

12. Pasos:
Los pasos vendrian siendo los mismos del
anterior
Con la diferencia de que ahora debemos
poner los width o los height que abarque
todo, en este caso match_parent
Para que no haya espacios en blanco
Conclusión:
Aquí vemos como podemos utilizar y
combinar algunos valores de este estilo para
evitar que queden espacios en blanco y
poder darles un acomodo bien y queden
bien esteticamente

13. Aplicación
Lista de Invitados de fondo verde

15. Pasos:
Al momento de jugar con los weight lo
que podemos hacer es una especie de
división de la pantalla en 4 partes iguales
Y hasta cambiarle el color para apreciar
mejor las divisiones de estas.
Conclusión:
Aquí vemos que no solo podemos utilizar
width y height si no que también
podemos utilizar el llamado weight para
otros estilos visuales

16. Aplicación
Lista de Invitados de colores

18. Pasos:
Utilizamos el código de la lista de invitados para
tomarlos como ejemplo seguido de el ejemplo
anterior que con los weight podemos darles una
especie de divisiones a los nombres para después
simplemente cambiarles los códigos de colores
Conclusión:
Aquí podemos observar que seguimos el mismo
código y esquema de la app anterior aunque con la
diferencia de que en esta ocasión son coloridos
Al final, no cambia mucho, más que el código de color
que nosotros escojamos.

19. Aplicación Nombres

21. Pasos:
Utilizamos relative layout
Los layouts son elementos no visuales para controlar
la distribución, Se trata de un número entero que sirve
para identificar cada objeto view de forma única
Para poderle dar este acomodo a estos textos
Le damos tamaño lo que diga el texto y si
queremos le podemos dar color
Conclusión:
Aquí vimos como podemos utilizar relative layout
que sería otra opción como anteriormente el
linear layout
Según se adapte a nuestras necesidades o gustos