Este documento contiene el código y descripción de varias aplicaciones móviles desarrolladas por el alumno Adán Guadalupe Díaz Meza para la materia de Desarrollo de Aplicaciones Móviles. Incluye aplicaciones simples como "Hola Mundo" y listas de invitados, así como aplicaciones más complejas que usan imágenes, posicionamiento de elementos y desplazamiento. El documento proporciona detalles sobre cómo cada aplicación fue creada y las funciones de Android Studio utilizadas.
3. APLICACIÓN HOLA MUNDO
Código creadodesde MainActivity
packagecom.example.proyecto1;
LIBRERIAS QUESEUTUILIZARANENEL PROGRAMA (
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;)
Declaración de variables y a su vez se declara el mensajeque se mostrara en
pantalla (
public class MainActivity extends AppCompatActivity {
Button bn_presiona;
TextView texto;
String mensaje="Hola Cetis 100";
@Override)
protected void onCreate(Bundle savedInstanceState) {
crea la actividad en este caso la app
(super.onCreate(savedInstanceState);)
setContentView(R.layout.activity_main);
4. Muestra y crea el botón que se utilizara en el programa a su vez se le da
una variable (
bn_presiona=(Button)findViewById(R.id.bn_aceptar);)
texto=(TextView)findViewById(R.id.TV1);
Realiza el cambio de texto esta acción no es vista por el usuario (
bn_presiona.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v)) {
Muestra el cambio de texto en la pantalla tras presionar el botón (
texto.setText(mensaje);)
Cierra cada una de las acciones abiertas en el programa (
}
}
}
})
5.
6. APLICACIÓN 1
Programa creadodesde Activity_main
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
Se repitenlas mismas acciones encada TextViwe
<TextView(creauntextoque se mostraraenpantalla)
android:text="Lista de Invitados"(textoque mostrara)
android:layout_width="wrap_content"(controlael anchodel textoque
se mostraraen pantalla)
android:layout_height="wrap_content"(controlael anchodel textoque
se largó enpantalla)
android:background="#4CAF50"(acciónque se utilizaparaseleccionar el
color )
android:textSize="24sp" />(Acciónque controlael tamañode letra)
<TextView
android:text="Oswaldo"
android:layout_width="match_parent"
android:layout_height="wrap_content"
8. APLICACIÓN 1.2
Se repite lamisma secuenciaque enel reporte anterior peroadiferencia
del anterior al realizar laacciónque controlael ancho del cuadro de texto
en este programacambiaremos el wrap_conect por 1.5 ya que la pantalla
se divide en6 y cada uno de los cuadros de textoutilizara1.5 del tamañode
la pantalla
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
<TextView
android:text="Lista de Invitados"
android:layout_weight="1.5"(estaes laacciónque cambiara dividiendola
pantalla enpartes de 1.5)
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#4CAF50"
android:textSize="24sp" />
<TextView
android:text="Oswaldo"
android:layout_weight="1.5"
10. Aplicación 1.3
Este programa seráigual que el anterior creadoenactivity_mainsoloque
en estaocasióncambiaremos el color de cada cuadrode textode esta
manera se apreciaramás el cambio o tamaño de dichocuadro de texto
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@android:color/darker_gray">
<TextView
android:text="Lista de Invitados"
android:layout_weight="1.5"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#4CAF50"(parámetroque cambiara #4CAF50 esto
es un color que lo cambiaremos por otro escribiéndoloconayuda de una
paletade colores oel color eningles ejemplo blue)
android:textSize="24sp" />
<TextView
android:text="Oswaldo"
android:layout_weight="1.5"
12. Aplicación 2
Codigo creadoen activity_main
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout(abre el programa)
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView(adiferenciadel TextVieweste creauncuadroque muestra
una imagen)
android:src="@drawable/descarga"(estaacción llamarao traeráa una
imagen. enla captura anterior se
observanvarias carpetas enlas cuales laque importaraen este programa
serála carpetadrawable que seráenla que se pegara la imagenpara poder
llamarlacon estaacción )
android:layout_width="match_parent"(controlael anchode la imagen)
android:layout_height="wrap_content"(controlael largode la imagen)
android:layout_weight="1"(controlalaporciónde pantalla que tomara
la imagen)
13. android:scaleType="centerCrop"(estaúltimaaccióncontrolaraque la
imagense muestre centradaasu ves cambiando el parámetro“centerCrop”
se cambiara la ubicación del cuadro ) />
Los siguientes TextViewcumpliránla mismaacción que los de los
programas anteriores agregandolaacción
android:textColor="@android:color/white" utilizadaparadar un color a la
letrade dicho texto
<TextView
android:text="You´reinvited!"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0"
android:textColor="@android:color/white"
android:textSize="54sp"
android:background="#009688"/>
<TextView
android:text="Bonfireat the beach"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="0"
android:textColor="@android:color/white"
android:textSize="34sp"
android:background="#009688"/>
</LinearLayout>(Cierrael rpograma)
14. Aplicación 2.2
Recordando lo de la app anterior tendremos que copiar laimagen al
programa y así para que aparezcay utilizandolos parámetros
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="0"
Acomodaremos el textoola imagen siendoque al poner serono tendra
margen y abarcara toda la pantalla
ya que estaapp muestrael textoy la imagen entoda la pantalla
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:src="@drawable/descarga"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_weight="1"
android:scaleType="centerCrop" />
<TextView
android:layout_width="match_parent"
16. Aplicación 2.3
(Este programa se creaen activity_mainasu vez cumple las mismas
especificaciones que el programaanterior adiferenciade que aquí
controlaremos conestas tres acciones el tamañode el o los márgenes que
se pondrán a la imageny los textos
android:layout_marginHorizontal="20dp",
android:layout_marginTop="20dp",
android:layout_marginBottom="20dp")
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:src="@drawable/descarga"
android:layout_width="wrap_content"
android:layout_marginHorizontal="20dp"
android:layout_marginTop="20dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:scaleType="centerCrop" />
<TextView
android:layout_width="match_parent"
18. APLICACIÓN 3
Programa creadoen activity_mainque mostraraen pantallalo escritoentre
comillas enlos android:text=”” loque se busca lograr eneste programaes
el obtener un lugar predeterminadoenlapantalla para cada TextView
En este programacomo podran ver se agrearanlas sguientes lineas de
codigo utilizadas para modificar el lugar del textodandole una ubicacion en
la pantalla
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentLeft="true"
android:layout_alignParentRight="true"
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">
<TextView(cuadro de texto)
android:text="I'mthis corner"(textoamostrar)
android:layout_height="wrap_content"
android:layout_width="wrap_content"
25. android:typeface="monospace" //Modifica el tipo de letra
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.166" />
<ImageView //crea un cuadro utilizado para poner imagenes
android:id="@+id/imageView" //muestra el id de la imagen que se
mstrara
android:layout_width="127dp"
android:layout_height="132dp"
android:layout_marginStart="8dp"
android:layout_marginTop="72dp"
android:layout_marginEnd="8dp" //las cuatro lineas
anteriores modifican los parametros o el tamaño de la imagen
app:layout_constraintEnd_toStartOf="@+id/textView"
app:layout_constraintHorizontal_bias="0.086"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/img" />
<TextView
android:id="@+id/textView2"
android:layout_width="229dp"
33. Calculadora
packagecom.example.calculadorap4;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.EditText;
import android.view.View;
public class MainActivity extends AppCompatActivity {
public EditText num1, num2, resu; //declara publicos los datos que
tenemos para usarlos en los el programa
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
num1=(EditText) findViewById(R.id.editn1); //se declara la
relación entre nuestro editText y la variable que colocamos en .java
num2=(EditText) findViewById(R.id.editn2); //se declara la
relación entre nuestro editText y la variable que colocamos en .java
resu=(EditText) findViewById(R.id.editresult); //se decara la relación
entre nuestro editText y la variable que colocamos en .java
}
public void opsuma(View view)
34. {
float suma; //se declara l variablepara realizar la operación
float n1=Float.parseFloat(num1.getText().toString()); //se declara
nuestra variable como float
float n2=Float.parseFloat(num2.getText().toString()); //se declara
nuestra variable como float
suma=n1+n2; //se realiza la operación
resu.setText(String.valueOf(suma)); //declaracion del
resultdo
}
public void opresta(View view)
{
float resta;
float n1=Float.parseFloat(num1.getText().toString());
float n2=Float.parseFloat(num2.getText().toString());
resta=n1-n2;
resu.setText(String.valueOf(resta));
}
public void opmultiplica(View view)
{
float multiplica;
float n1=Float.parseFloat(num1.getText().toString());
36. android:id="@+id/textView4" //id de el textView
android:layout_width="406dp" //declaracion del ancho de nuestro
textView
android:layout_height="69dp" //declaracion del Largo de nuestro
textView
android:layout_marginLeft="5dp"
android:lineSpacingExtra="30sp"
android:text="Escribeun Numero!" //texto que sepresenta al usuario
android:textAlignment="center" //prametro del texto “centrado”
android:textSize="30sp" //prametro del texto “tamaño de la
letra”
android:textStyle="bold" //prametro del texto “tipo de letra”
android:typeface="monospace"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintLeft_toLeftOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.114" />
<EditText
android:id="@+id/editnum"
android:layout_width="301dp"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginTop="50dp"