Practica Catalogo ADT - copia PDF

Preview

Summary

Implementación de Catálogo en android eclipse...

Description

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android PRACTICA 2: CATALOGO

Objetivos  Implementación de Catálogo CREACION DE PROYECTO 1. Seleccionamos la opción del menú de Eclipse File > New > Android Application Project. Y le definimos las siguientes propiedades. Hacemos click en el botón Next para definir propiedades complementarias

2. Abrimos el archivo activity_main.xml en el directorio layout y observaremos la interfaz. Seleccionamos el Seleccionamos el RelativeLayout. Buscamos la propiedad Background y usamos el formato: ARGB (A = Transparencia). Escribimos el valor #FF00000FF.

3. Seleccionamos el TexView y le asignamos las propiedades TextSize=30sp y TextColor=#FF0000FF

Si observamos la propiedad Text observaremos que tiene asignado la variable @string/hello_world 4. Para modificar el valor del TextView abrimos el archivo strings.xml que se encuentra dentro del directorio values y observamos la variable hello y su valor(value) “Hello World, CatalogoActivity!” el cual podemos modificar

5. Para añadir una variable hacemos clic en el botón Add y nos aparece la siguiente ventana

UNIVERSIDAD NACIONAL DEL CALLAO

1/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

6. Seleccionamos String y hacemos click en Ok 7. Escribimos los siguientes valores y hacemos clic en el botón Up

8. 9. Ahora vamos a cambiar el valor de la propiedad Text por @string/Titulo Para ello seleccionamos el TextView y en las propiedades Text lo modificamos por la variable creada anteriormente

10. Observamos los cambios en la ventana de diseño de Android. CREANDO EL EMULADOR DE ANDROID 11. Hacemos click en el icono del AVD en la barra de herramientas de Android

12. Nos aparece la siguiente ventana y hacemos clic en el botón New 13. Para ello selecciono las siguientes opciones de mi emulador. Hacemos clic en el botón Create AVD

UNIVERSIDAD NACIONAL DEL CALLAO

2/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

14. Y observamos en la siguiente ventana la creación del emulador. Finalmente cerramos la ventana.

15. Para ejecutar el programa hacemos clic en el icono de 16. Seleccionamos la opción Android Application y hacemos clic en el botón OK

17. Observamos que se abre la ventana del emulador con nuestro primer programa.

UNIVERSIDAD NACIONAL DEL CALLAO

3/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

CAMBIANDO EL ID CAMPO DE TEXTO 18. Editamos el ID de la caja de texto. Para ello seleccionamos el texto y hacemos clic derecho y seleccionamos Assign ID

19. Escribimos el siguiente valor y hacemos clic en OK

20. Ahora abrimos la clase MainActivity.java y escribimos el siguiente código. package com.android.catalogo; import android.app.Activity; import android.os.Bundle; import android.widget.TextView; public class MainActivity extends Activity { TextView txtviewTitulo; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); txtviewTitulo=(TextView) findViewById(R.id.txtviewTitulo); txtviewTitulo.setText(R.string.app_name); } } 21. Guardamos y ejecutamos el programa. ¿Que observamos?

UNIVERSIDAD NACIONAL DEL CALLAO

4/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

22. Ahora le agregamos un botón a nuestra vista. Abrimos el archivo activity_main.xml y arrastramos el objeto botón de la paleta de herramientas.

23. Agregamos código a la clases CatalogoActivity.java package com.android.catalogo; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.TextView; import android.widget.Toast; public class CatalogoActivity extends Activity implements OnClickListener{ TextView txtviewTitulo; Button button1; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); txtviewTitulo=(TextView) findViewById(R.id.txtviewTitulo); txtviewTitulo.setText(R.string.app_name); button1=(Button) findViewById(R.id.button1); button1.setOnClickListener(this); } @Override public void onClick(View arg0) { // TODO Auto-generated method stub if(arg0==button1) { Toast.makeText(CatalogoActivity.this, "BIENVENIDO",Toast.LENGTH_SHORT).show(); } } } 24. Ejecutamos la aplicación y hacemos click en el Botón ¿Que observas?

UNIVERSIDAD NACIONAL DEL CALLAO

5/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

AGREGANDO CHECKBOX 25. Agregamos un CheckBox y le cambiamos de nombre al texto en la ventana de propiedades

26. Agregamos el siguiente código a CatalogoActivity.java package com.android.catalogo; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.CheckBox; import android.widget.TextView; import android.widget.Toast; public class CatalogoActivity extends Activity implements OnClickListener{ TextView txtviewTitulo; Button button1; CheckBox checkbox1; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); UNIVERSIDAD NACIONAL DEL CALLAO

6/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

txtviewTitulo=(TextView) findViewById(R.id.txtviewTitulo); txtviewTitulo.setText(R.string.app_name); button1=(Button) findViewById(R.id.button1); button1.setOnClickListener(this); checkbox1=(CheckBox) findViewById(R.id.checkBox1); checkbox1.setOnClickListener(this); } @Override public void onClick(View arg0) { // TODO Auto-generated method stub if(arg0==button1) { Toast.makeText(CatalogoActivity.this, "BIENVENIDO",Toast.LENGTH_SHORT).show(); } else if(arg0==checkbox1) { Toast.makeText(CatalogoActivity.this, "SOY MAYOR DE EDAD",Toast.LENGTH_SHORT).show(); } } } 27. Ejecutamos la aplicación y hacemos click en el CheckBox. ¿Qué observas?

UNIVERSIDAD NACIONAL DEL CALLAO

7/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

AGREGANDO RADIOGROUPS 28. Agregamos un RadioGroup al Diseño

Seleccionamos el primer elemento del Radio Group y le colocamos las siguientes propiedades.

29. Seleccionamos el segundo elemento del Radio Group y le colocamos las siguientes propiedades

30. Seleccionamos el tercer elemento del Radio Group y le colocamos las siguientes propiedades

31. Obteniendo el siguiente resultado

UNIVERSIDAD NACIONAL DEL CALLAO

8/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

32. Modificamos y agregamos el siguiente código a MainActivity.java package com.android.catalogo; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.CheckBox; import android.widget.RadioButton; import android.widget.RadioGroup; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends Activity implements OnClickListener{ TextView txtviewTitulo; Button button1; CheckBox checkbox1; RadioGroup radioGroup1; RadioButton radio; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); txtviewTitulo=(TextView) findViewById(R.id.txtviewTitulo); txtviewTitulo.setText(R.string.app_name); button1=(Button) findViewById(R.id.button1); button1.setOnClickListener(this); checkbox1=(CheckBox) findViewById(R.id.checkBox1); checkbox1.setOnClickListener(this); radioGroup1=(RadioGroup) findViewById(R.id.radioGroup1); } @Override public void onClick(View arg0) { // TODO Auto-generated method stub if(arg0==button1) { //Toast.makeText(CatalogoActivity.this, "BIENVENIDO",Toast.LENGTH_SHORT).show(); UNIVERSIDAD NACIONAL DEL CALLAO

9/10

UNIVERSIDAD NACIONAL DEL CALLAO

Desarrollo de Aplicaciones en Android

int selectedId=radioGroup1.getCheckedRadioButtonId(); radio=(RadioButton)findViewById(selectedId); Toast.makeText(CatalogoActivity.this, radio.getText(),Toast.LENGTH_SHORT).show(); } else if(arg0==checkbox1) { Toast.makeText(CatalogoActivity.this, "SOY MAYOR DE EDAD",Toast.LENGTH_SHORT).show(); } } } 33. Ejecutamos y observamos el resultado.

UNIVERSIDAD NACIONAL DEL CALLAO

10/10...