SlideShare una empresa de Scribd logo
Tutorial de Desarrollo de Aplicaciones Android


Programa básico para dar los primeros pasos en Android.

Descripción del proyecto: Esta aplicación permitirá ejecutas las operaciones de suma, resta,
multiplicación y división sobre 2 números.

Pasos a seguir:

    1- Creamos un nuevo Proyecto en Android (Android Proyect)




    2- Definimos el nombre del proyecto




    3- Definimos la versión del Sistema Operativo Android para nuestra aplicación, en este
       caso escogeré la 4.0 dado que es la versión que tengo instalada en mi PC, puede
       elegirse otra versión también.




Autor: Ing. Luis Ernesto Castillo Alfaro
Tutorial de Desarrollo de Aplicaciones Android




    4- Definimos el nombre del paquete para nuestra aplicación y luego hacer clic en el botón
       Finish




        Debemos a tener en cuenta que cuando programamos para Android no programamos
        directamente en una interfaz gráfica donde definimos el diseño de nuestra aplicación,
        en Android las aplicaciones se dividen en la interfaz gráficas conocidas como Layout
        que vienen a ser lo que el usuario ve, la interfaz gráfica (conjunto de controles) pero allí
        no programamos nada, se preguntarán entonces donde programo la funcionalidad de
        la aplicación? La programación de las aplicaciones la hacemos en componentes
        denominados Activities:




Autor: Ing. Luis Ernesto Castillo Alfaro
Tutorial de Desarrollo de Aplicaciones Android




    5- Definimos la interfaz de la aplicación, para esto accedemos al contenido de la carpeta
       layout tal y como se muestra en la imagen:




         Hacemos un doble clic sobre el archivo main.xml hacemos un clic sobre la vista
         main.xml




         Y copiamos el siguiente texto entre las etiquetas <LinearLayout> y </LinearLayout>:
   <TextView


       android:id="@+id/textView1"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/strnumero1" />


   <EditText
       android:id="@+id/txtn1"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:ems="10"
       android:text="@string/htnn1" >

       <requestFocus />
   </EditText>


   <TextView

Autor: Ing. Luis Ernesto Castillo Alfaro
Tutorial de Desarrollo de Aplicaciones Android


       android:id="@+id/textView2"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/strsegundonumero" />
 <EditText
       android:id="@+id/txtn2"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:ems="10"
       android:text="@string/htn2" />
   <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/htnsumar"
       android:onClick="Sumar"/>
  <Button
      android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/htnrestar"
       android:onClick="Restar"/>
  <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/htnmultiplicar"
       android:onClick="Multiplicar"/>
   <Button
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/htndividir"
       android:onClick="Dividir"/>
  <TextView
       android:id="@+id/textView3"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="@string/strResultado" />

  <EditText
      android:id="@+id/txtresultado"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:ems="10" />



 El diseño que se obtiene es el siguiente:




 De seguro habrán notado que cuando se copio las líneas que definieron el diseño de la
 aplicación se agregaron 4 botones correspondientes a las 4 operaciones de suma, resta,
 multiplicación y división de los 2 números a aplicar las operaciones establecidas, cada uno de
 estos 4 botones tiene un método android:onclic=”nombre de función” a la que se llamará al
 momento de hacer clic sobre cada botón que hace referencia a una determinada función,
 para aquellos que se iniciaron en el mundo de la programación allá por el año 2002
 recordarán que en una página web basada en html y javascript los controles button podrían
 hacer referencia a una función javaascript definida previamente en su evento onclic.

 6- Codificando la aplicación (ahora a poner a trabajar a sus dedos amigos programadores)
Autor: Ing. Luis Ernesto Castillo Alfaro
Tutorial de Desarrollo de Aplicaciones Android




     Como les había mencionado anteriormente es en los objetos activities en donde se
     programa la funcionalidad de los layouts (interfaz de usuario), entonces accedemos a la
     clase activity definida previamente.




     Cada objeto de la clase Activity tiene un método Oncreate que es el que permite definir
     que layout cargará en este caso el layout main que contiene la interfaz del usuario, de otro
     lado previamente se definen 3 objetos de tipo EditText (textbox en otros lenguajes) y les
     damos los nombres de txtn1, txtn2 y txtresultado. En el método OnCreate de la actividad
     igualamos las variables de tipo EditText a los controles definidos en el layout main
     Es decir
     - txtn1= al control txtn1 del layout
     - txtn2= al control txtn2 del layout
     - txtresultado= al control txtresultado del layout

    7- Definimos los métodos para cada botón:

        Método para sumar:
        public void Sumar(View v) {


            int n1=Integer.parseInt(txtn1.getText().toString());
            int n2=Integer.parseInt(txtn2.getText().toString());
            int resultado=n1+n2;
            txtresultado.setText(String.valueOf(resultado));


        }

        Método para Restar:
            public void Restar(View v){
                     int n1=Integer.parseInt(txtn1.getText().toString());
                     int n2=Integer.parseInt(txtn2.getText().toString());
                     int resultado=n1-n2;
                     txtresultado.setText(String.valueOf(resultado));
              }


        Método para Multiplicar:
        public void Multiplicar(View v){
                   int n1=Integer.parseInt(txtn1.getText().toString());
                   int n2=Integer.parseInt(txtn2.getText().toString());
                   int resultado=n1*n2;
                   txtresultado.setText(String.valueOf(resultado));
            }



Autor: Ing. Luis Ernesto Castillo Alfaro
Tutorial de Desarrollo de Aplicaciones Android




   Método para Dividir:
   public void Dividir(View v){
         int n1=Integer.parseInt(txtn1.getText().toString());
         int n2=Integer.parseInt(txtn2.getText().toString());
         int resultado=n1/n2;
         txtresultado.setText(String.valueOf(resultado));
       }




    8- Ejecutamos la aplicación:




 Seleccionamos el proyecto, clic derecho Run as y luego seleccionamos Android Aplication.
 Luego se levanta el emulador de Android:




Autor: Ing. Luis Ernesto Castillo Alfaro

Más contenido relacionado

DOCX
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
DOCX
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
DOCX
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
PDF
APLICACIONES CREADAS PARA ANDROID
DOCX
Laboratorio3 check box
PPTX
Primera aplicación de Android
PPTX
Practica division de_dos_numeros
PPTX
Programa 2
Tutorial Nro.3 - Desarrollo de Aplicaciones Móviles con Android
Tutorial Nro. 2 de Desarollo de Aplicaciones Móviles con Android
Tutorial Nro.5 Desarrollo de Aplicaciones Móviles con Android
APLICACIONES CREADAS PARA ANDROID
Laboratorio3 check box
Primera aplicación de Android
Practica division de_dos_numeros
Programa 2

La actualidad más candente (15)

PPTX
Practica multiplicacion de_dos_numeros
PPTX
DOCX
Investigacion para agregar una imagen a eclipse
PPTX
PDF
introduccion al desarrollo de aplicaciones en c#
PPTX
Suma,resta,multiplicacion
PPSX
PDF
Crear Calculadora visual Studio 2008
PPTX
Presentacion1(5)(2)
PDF
Practicasbasicasparaandroid 120112060404-phpapp02
DOCX
PPTX
Programa para sumar 2 números
PPTX
1. introduccion al desarrollo web php parte 1
PPTX
Practica multiplicacion de_dos_numeros
Investigacion para agregar una imagen a eclipse
introduccion al desarrollo de aplicaciones en c#
Suma,resta,multiplicacion
Crear Calculadora visual Studio 2008
Presentacion1(5)(2)
Practicasbasicasparaandroid 120112060404-phpapp02
Programa para sumar 2 números
1. introduccion al desarrollo web php parte 1
Publicidad

Similar a Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android (20)

PPTX
Clases de Programación Android
PDF
Android bootcamp 101 v2.0
ODT
Manual aplicaciones mobiles
DOCX
DOCX
PDF
Tutorial 1 android
DOCX
Manual de android parte 1
PPTX
Como insertar una imagen
ODT
Mobilessss
PPTX
Presentacion1(5)
PDF
Manual(mario alberto rosales lara)
PDF
Manual de android
PDF
programacion.en android.joseluis.yama.may.isc.j4
PPT
Android Bootcamp - GTUG Uruguay
DOCX
DOCX
PDF
Preguntasviri
PDF
MobileCONGalicia Introducción a Android
PPT
Desarrollo android - 4 - arquitectura de aplicación
DOCX
Clases de Programación Android
Android bootcamp 101 v2.0
Manual aplicaciones mobiles
Tutorial 1 android
Manual de android parte 1
Como insertar una imagen
Mobilessss
Presentacion1(5)
Manual(mario alberto rosales lara)
Manual de android
programacion.en android.joseluis.yama.may.isc.j4
Android Bootcamp - GTUG Uruguay
Preguntasviri
MobileCONGalicia Introducción a Android
Desarrollo android - 4 - arquitectura de aplicación
Publicidad

Último (20)

PDF
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PDF
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
PDF
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
PDF
ciencias-1.pdf libro cuarto basico niños
DOCX
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
PDF
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
PDF
Punto Critico - Brian Tracy Ccesa007.pdf
PDF
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
PDF
Fundamentos_Educacion_a_Distancia_ABC.pdf
PDF
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
PDF
Lección 6 Escuela Sab. A través del mar rojo.pdf
DOCX
V UNIDAD - SEGUNDO GRADO. del mes de agosto
PDF
DI, TEA, TDAH.pdf guía se secuencias didacticas
PDF
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
PDF
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
PDF
Metodologías Activas con herramientas IAG
PPTX
caso clínico iam clinica y semiología l3.pptx
PDF
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
PDF
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
PDF
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula
TRAUMA_Y_RECUPERACION consecuencias de la violencia JUDITH HERMAN
PFB-MANUAL-PRUEBA-FUNCIONES-BASICAS-pdf.pdf
OK OK UNIDAD DE APRENDIZAJE 5TO Y 6TO CORRESPONDIENTE AL MES DE AGOSTO 2025.pdf
ciencias-1.pdf libro cuarto basico niños
III Ciclo _ Plan Anual 2025.docx PARA ESTUDIANTES DE PRIMARIA
Didactica de la Investigacion Educativa SUE Ccesa007.pdf
Punto Critico - Brian Tracy Ccesa007.pdf
IDH_Guatemala_2.pdfnjjjkeioooe ,l dkdldp ekooe
Fundamentos_Educacion_a_Distancia_ABC.pdf
Unidad de Aprendizaje 5 de Matematica 1ro Secundaria Ccesa007.pdf
Lección 6 Escuela Sab. A través del mar rojo.pdf
V UNIDAD - SEGUNDO GRADO. del mes de agosto
DI, TEA, TDAH.pdf guía se secuencias didacticas
Breve historia de los Incas -- Patricia Temoche [Temoche, Patricia] -- Breve ...
benveniste-problemas-de-linguistica-general-i-cap-6 (1)_compressed.pdf
Metodologías Activas con herramientas IAG
caso clínico iam clinica y semiología l3.pptx
COMPLETO__PROYECTO_VIVAN LOS NIÑOS Y SUS DERECHOS_EDUCADORASSOS.pdf
ACERTIJO Súper Círculo y la clave contra el Malvado Señor de las Formas. Por ...
Integrando la Inteligencia Artificial Generativa (IAG) en el Aula

Tutorial Nro 1 de Desarrollo de Aplicaciones Móviles con Android

  • 1. Tutorial de Desarrollo de Aplicaciones Android Programa básico para dar los primeros pasos en Android. Descripción del proyecto: Esta aplicación permitirá ejecutas las operaciones de suma, resta, multiplicación y división sobre 2 números. Pasos a seguir: 1- Creamos un nuevo Proyecto en Android (Android Proyect) 2- Definimos el nombre del proyecto 3- Definimos la versión del Sistema Operativo Android para nuestra aplicación, en este caso escogeré la 4.0 dado que es la versión que tengo instalada en mi PC, puede elegirse otra versión también. Autor: Ing. Luis Ernesto Castillo Alfaro
  • 2. Tutorial de Desarrollo de Aplicaciones Android 4- Definimos el nombre del paquete para nuestra aplicación y luego hacer clic en el botón Finish Debemos a tener en cuenta que cuando programamos para Android no programamos directamente en una interfaz gráfica donde definimos el diseño de nuestra aplicación, en Android las aplicaciones se dividen en la interfaz gráficas conocidas como Layout que vienen a ser lo que el usuario ve, la interfaz gráfica (conjunto de controles) pero allí no programamos nada, se preguntarán entonces donde programo la funcionalidad de la aplicación? La programación de las aplicaciones la hacemos en componentes denominados Activities: Autor: Ing. Luis Ernesto Castillo Alfaro
  • 3. Tutorial de Desarrollo de Aplicaciones Android 5- Definimos la interfaz de la aplicación, para esto accedemos al contenido de la carpeta layout tal y como se muestra en la imagen: Hacemos un doble clic sobre el archivo main.xml hacemos un clic sobre la vista main.xml Y copiamos el siguiente texto entre las etiquetas <LinearLayout> y </LinearLayout>: <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/strnumero1" /> <EditText android:id="@+id/txtn1" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:text="@string/htnn1" > <requestFocus /> </EditText> <TextView Autor: Ing. Luis Ernesto Castillo Alfaro
  • 4. Tutorial de Desarrollo de Aplicaciones Android android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/strsegundonumero" /> <EditText android:id="@+id/txtn2" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" android:text="@string/htn2" /> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htnsumar" android:onClick="Sumar"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htnrestar" android:onClick="Restar"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htnmultiplicar" android:onClick="Multiplicar"/> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/htndividir" android:onClick="Dividir"/> <TextView android:id="@+id/textView3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/strResultado" /> <EditText android:id="@+id/txtresultado" android:layout_width="match_parent" android:layout_height="wrap_content" android:ems="10" /> El diseño que se obtiene es el siguiente: De seguro habrán notado que cuando se copio las líneas que definieron el diseño de la aplicación se agregaron 4 botones correspondientes a las 4 operaciones de suma, resta, multiplicación y división de los 2 números a aplicar las operaciones establecidas, cada uno de estos 4 botones tiene un método android:onclic=”nombre de función” a la que se llamará al momento de hacer clic sobre cada botón que hace referencia a una determinada función, para aquellos que se iniciaron en el mundo de la programación allá por el año 2002 recordarán que en una página web basada en html y javascript los controles button podrían hacer referencia a una función javaascript definida previamente en su evento onclic. 6- Codificando la aplicación (ahora a poner a trabajar a sus dedos amigos programadores) Autor: Ing. Luis Ernesto Castillo Alfaro
  • 5. Tutorial de Desarrollo de Aplicaciones Android Como les había mencionado anteriormente es en los objetos activities en donde se programa la funcionalidad de los layouts (interfaz de usuario), entonces accedemos a la clase activity definida previamente. Cada objeto de la clase Activity tiene un método Oncreate que es el que permite definir que layout cargará en este caso el layout main que contiene la interfaz del usuario, de otro lado previamente se definen 3 objetos de tipo EditText (textbox en otros lenguajes) y les damos los nombres de txtn1, txtn2 y txtresultado. En el método OnCreate de la actividad igualamos las variables de tipo EditText a los controles definidos en el layout main Es decir - txtn1= al control txtn1 del layout - txtn2= al control txtn2 del layout - txtresultado= al control txtresultado del layout 7- Definimos los métodos para cada botón: Método para sumar: public void Sumar(View v) { int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1+n2; txtresultado.setText(String.valueOf(resultado)); } Método para Restar: public void Restar(View v){ int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1-n2; txtresultado.setText(String.valueOf(resultado)); } Método para Multiplicar: public void Multiplicar(View v){ int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1*n2; txtresultado.setText(String.valueOf(resultado)); } Autor: Ing. Luis Ernesto Castillo Alfaro
  • 6. Tutorial de Desarrollo de Aplicaciones Android Método para Dividir: public void Dividir(View v){ int n1=Integer.parseInt(txtn1.getText().toString()); int n2=Integer.parseInt(txtn2.getText().toString()); int resultado=n1/n2; txtresultado.setText(String.valueOf(resultado)); } 8- Ejecutamos la aplicación: Seleccionamos el proyecto, clic derecho Run as y luego seleccionamos Android Aplication. Luego se levanta el emulador de Android: Autor: Ing. Luis Ernesto Castillo Alfaro