Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Manual de aplicaciones de android
1. Uriel Ávila Cruz
Desarrollo de Aplicaciones
Móviles
CECyTEM Plantel Tecámac
Manual De Aplicaciones de
Android
2. Índice…
1. Hola Mundo
2. CheckBox
3. Factorial
4. Operaciones Básicas
5. Tablas De Multiplicar
6. Calculo De IMC
7. Comunicación entre Acitivities
8. ImageView
9. Intent Enviando Y Recibiendo Datos
10. Calcular Edad
11. Tomar Foto
12. Giroscopio
13. SoundPool
14. Options
15. ProgressBar
16. VideoView
17. RadioButton
18. Acelerometro
19. Spinner
20.Notificaciones
3. El Objetivo De Esta Aplicación Fue Conocer El Entorno de ADT y Saber El
Nombre De Cada Uno De Los Componentes, Así como analizar el contexto de
Java.
2
4. Primeramente Creamos Un Nuevo Proyecto En Eclipse En La Parte Superior
Izquierda Damos Clic En File, New, Android Aplication Project. Colocamos
Nombre a la Aplicación En La Primera Caja De Texto Así Como El Nombre de
Paquete o Package Y Damos Clic En Siguiente o Next, Posteriormente
Configuramos el Icono de Nuestra Aplicación Desde Una Imagen Externa, Una
Imagen Prediseñada De Eclipse O Un Texto. Damos El Nombre A Nuestra
Pantalla o Layout Y al Proceso O al Java. Y Finalizamos El Wizard Nos Vamos
Al Xml Y Observamos Un TextView Con Un HelloWord Lo Podemos Cambiar
Desde El android:text=”” ó Ir a res, values, strings y definir nuestra variable y
el valor.
3
3
3
5. Esta Aplicación Se Utiliza Para Seleccionar Las Opciones Introducidas Por
Medio De Casillas Y Al Tocarlas Se Marca Una Palomita √ Al Crear El Proyecto
Vamos A La Paleta Y Buscamos Form Widgets.
Arrastramos A la Pantalla El CheckBox
Quedarían Así:
Asi Que En El activity_main.xml El CodigoSeria:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:background="#990000"
tools:context=".Checkbox" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:hint="Nutrición"
android:text="Deportes"
android:textColor="#FFFFFF"
android:textSize="50sp" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="10sp"
android:hint="1.¿Cuántos cereales debemos comer al día?"
android:text="¿Que Deporte Te Gusta Mas?"
4
8. message = "Tu respuestaBasquetbol EsSuper";
Toast.makeText(this,message,Toast.LENGTH_SHORT).show();
break;
case R.id.cerealb:
message = "Tu respuestaBasquetbol EsSuper";
Toast.makeText(this,message,Toast.LENGTH_SHORT).show();
break;
case R.id.cerealc:
message = "Tu respuestaesVoleibolEsHermoso";
Toast.makeText(this,message,Toast.LENGTH_SHORT).show();
break;
}
}
Asi Que Ese Es ProcesoPara Que PuedaEjecutarse EnUn TelefonoEl CheckBox.
7
9. Con Esta Aplicación Calculamos El Factorial De Cada Numero Basándonos en El
Factorial Matemático Por Ejemplo. Factorial de 3 3*2=6 3*1=3
Entonces 6+3=9 Factorial De 3=9. El activity_main.xml quedó de la siguiente
manera
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center"
android:background="@drawable/ic_launcher">
<EditText
android:id="@+id/Txt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:numeric="integer"
android:hint="Numero" >
</EditText>
<Button
android:id="@+id/btn1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Calcular Factorial" />
<TextView
android:id="@+id/text1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/button1"
/>
</LinearLayout>
Asi Que El MainActivity.java quedaría:
package meridane.factorial;
importandroid.widget.*;
importandroid.os.Bundle;
importandroid.app.Activity;
importandroid.view.Menu;
importandroid.view.View;
importandroid.view.View.OnClickListener; 8
12. Esta app sirvió para observar el proceso del Método OnclickListener, además el
funcionamiento de las cajas y la impresión de lo resultados, utilizamos dos EditText, Un
Botón Y Un TextView Pues El activity_main.xml quedó de la siguiente manera para que
obtuviera los dos números de tipo decimal y mostrara suma, resta, multiplicación y
división.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:gravity="center">
<EditText
android:id="@+id/Txt1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Numero 1"
android:numeric="decimal"
android:gravity="center" >
</EditText>
<EditText
android:id="@+eid/Txt2"
android:numeric="decimal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Numero 2"
android:gravity="center"
/>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<Button
android:id="@+id/boton1"
android:layout_width="wrap_content"
android:layout_weight="1"
android:layout_height="wrap_content"
android:text="Calcular" />
<Button
10
11
14. Entonces se dice que el MainActivity.java quedaría asi para dar el proceso:
package meridane.basico;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.*;
public class MainActivity extends Activity implements OnClickListener {
Button cal, bor;
EditText n1,n2;
TextView res;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
cal=(Button) findViewById(R.id.boton1);
bor=(Button) findViewById(R.id.boton2);
n1=(EditText) findViewById(R.id.Txt1);
n2=(EditText) findViewById(R.id.Txt2);
res=(TextView) findViewById(R.id.textView1);
cal.setOnClickListener(this);
bor.setOnClickListener(this);
}
@Override
13
15. public void onClick(View arg0) {
switch(arg0.getId()){
case R.id.boton1:
double
num1=Integer.parseInt(n1.getText().toString());
double
num2=Integer.parseInt(n2.getText().toString());
double suma =num1+num2;
double resta =num1-num2;
double m =num1*num2;
double div=num1/num2;
res.setText("La suma Es: "+suma+"n La Resta Es:
"+resta+"n La Division Es: "+div+"n La Multiplicacion es: "+m );
break;
case R.id.boton2:
n1.setText("");
n2.setText("");
res.setText("");
}
}
}
En donde primero se mencionó el paquete que lo contenia, la clase, asi como declaramos
nuestros objetos como son Botones, TextView, EditText, etc, Con El Metodo OnCreate
Enlazamos El Java Con El Layout, y relacionamos los objetos para tener datos, por último
en el Metodo OnClick Se Hizo El Proceso a realizar y quedaría de la siguiente manera:
14
17. Esta app sirvió Para agudizar la habilidad lógica por medio de un método corto para
realizar las tablas de multiplicar. Utilizamos Un EditText, Dos Botones y Un Text View Para
Mostrar Las Tablas De Multiplicar. Así Que El Layout Quedó de la sig. Manera:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_margin="15pt"
android:orientation="vertical" >
<EditText
android:id="@+id/edtTxt1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:numeric="integer" >
<requestFocus />
</EditText>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<Button
android:id="@+id/btncalc"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Calcular" />
<Button
android:id="@+id/btnlimp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Limpiar"
android:layout_weight="1"
/>
</LinearLayout>
<TextView
android:id="@+id/txt1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView" />
</LinearLayout>
16
18. Utilizamos como ya se había dicho un EdiText, Dos Botones Y Un TextView Para Mostrar
Las Tablas. Todos Con Las Mismas Características que Son Match_parent, wrap_content y
Los id. Todo Para Mostrar El Siguiente Layout:
Y El MainActivity.java También Quedaría así:
package meridane.operaciones;
import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.*; 17
19. public class MainActivity extends Activity implements OnClickListener {
Button calc,limpiar;
TextView txt1;
EditText mu;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
calc=(Button)findViewById(R.id.btncalc);
limpiar=(Button)findViewById(R.id.btnlimp);
txt1=(TextView)findViewById(R.id.txt1);
mu=(EditText)findViewById(R.id.edtTxt1);
calc.setOnClickListener(this);
limpiar.setOnClickListener(this);
}
@Override
public void onClick(View arg0) {
switch(arg0.getId()){
case R.id.btncalc:
int
num=Integer.parseInt(mu.getText().toString());
for(int cont=1;cont<=10;cont++){
int multip=cont*num;
18
21. Como todos sabemos el IMC es el Indice De Masa Corporal Y se Calcula dividiendo el peso
entre la altura al cuadrado. La app aparte de decirte tu IMC también te da una pequeña
recomendación.
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:background="#F0000D"
android:layout_height="match_parent"
android:gravity="center"
android:orientation="vertical" >
<EditText
android:id="@+id/altura"
android:layout_width="match_parent"
android:gravity="center"
android:numeric="decimal"
android:layout_height="wrap_content"
android:hint="Altura (Mts)" >
</EditText>
<EditText
android:id="@+id/peso"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:numeric="decimal"
android:gravity="center"
android:hint="Peso (Kg)" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >
<Button
android:id="@+id/calc"
android:layout_weight="1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Calcular IMC" />
<Button
android:id="@+id/borrar" 20