Icono del sitio Antonio Lamorgese

Cómo crear una aplicación Android

Cómo crear una aplicación Android

Para crear una aplicación Android, que pueda usar directamente todas las características y funciones disponibles en los teléfonos inteligentes o tabletas Android, es necesario usar Java pero sobre todo algunas API diseñadas exclusivamente para la plataforma Android. Por ello es necesario, aunque no sea a nivel profesional, tener un buen conocimiento de programación Java. Estas API no son más que bibliotecas de Java, es decir, un conjunto de archivos con la extensión jar, que te permiten realizar tareas comunes como: dibujar texto, formas y colores en la pantalla, reproducir sonidos o videos e interactuar con los instalados. Sensores de hardware en el móvil. A lo largo de los años, estas API de Android han evolucionado tanto como para hacer que el desarrollo en el entorno de Android sea cada vez más estable e intuitivo.

Por eso, ser desarrollador de Android hoy es más fácil que nunca, más aún si usas Android Studio, la herramienta oficial para desarrollar aplicaciones con este increíble sistema operativo.

Android Studio es un entorno de desarrollo integrado disponible de forma gratuita bajo la licencia Apache 2.0 y propiedad de Google y JetBrain.

En este tutorial, te mostraré cómo crear tu primera aplicación de Android con este increíble IDE. Mientras lo hago, también le presentaré importantes conceptos específicos de Android, como vistas, diseños y actividades.

Para hacer las cosas menos complicadas, comenzaremos desde cero para crear una aplicación muy simple y fácil de usar. Si prefiere escribir menos código o necesita desarrollar su aplicación lo más rápido posible, considere usar uno de los contenedores de plantillas de aplicaciones nativas de Android disponibles hoy en día, estoy hablando de CodeCanyon.

Codecanyon es un portal web donde puede encontrar miles de scripts y complementos de bajo costo para su sitio web o aplicación, incluso desde solo 2€.

Home page CodeCanion
Home page CodeCanion

Usando una plantilla ya desarrollada, puede tener una aplicación lista para publicar en horas. Sin embargo, no es necesario utilizar una de las plantillas que ofrece CodeCanyon, dado que Android Studio ya tiene la suya.

Requisitos previos

Para seguir correctamente lo expuesto en este artículo necesitarás Android Studio, mejor si descargas la última versión, la encontrarás disponible aquí. También necesita instalar la plataforma de desarrollo Java como se describe anteriormente. Si no está disponible en su computadora, descárguelo desde este enlace haciendo clic en el elemento“JDK Download”.

Ahora, si es nuevo en Android Studio y Java, consulte el siguiente video tutorial para ver cómo instalarlo y configurarlo:

How to Install Android Studio on Windows 10/11 | 2022 | Foxandroid
Cómo instalar Android Studio en Windows 10/11

1. Crear un nuevo proyecto

Primero, necesitará un proyecto de Android Studio para comenzar a diseñar, desarrollar y construir su aplicación. Luego inicie Android Studio y haga clic en el botón Crear nuevo proyecto en Android Studio.

En la siguiente pantalla, elija “Add No Activity, porque no queremos usar ninguna de las plantillas que ofrece Android Studio. Luego presione “Next”para continuar.

Crear nuevo proyecto con Android Studio
Crear nuevo proyecto con Android Studio

Ahora verá un formulario donde puede ingresar detalles que son importantes para su aplicación, como el nombre. El nombre es, por supuesto, lo que sus usuarios verán en sus teléfonos cuando instalen su aplicación.

Notará que también necesita dar el nombre del paquete, no es más que un identificador único para su aplicación en Google Play. Debe seguir las convenciones de nomenclatura de paquetes en Java. Por ejemplo, si el nombre de su aplicación es MyFirstApp y trabaja para una organización cuya dirección de sitio web es example.com, el nombre del paquete sería, siguiendo las convenciones mencionadas anteriormente, «com.example.myfirstapp«. O simplemente, “es.nombre.miprimeraapp”.

A continuación, debe decidir qué lenguaje de programación desea utilizar para la codificación de aplicaciones. Entonces, por ahora, seleccione Java y haga clic en “Finish”.

Complete la creación de nuevos proyectos con Android Studio
Complete la creación de nuevos proyectos con Android Studio

Android Studio ahora tardará unos minutos en compilar y configurar su primer proyecto de Android.


Lee mas: El Mejor Hosting Prestashop Preinstalado


2. Crea una “Activity”

Una actividad es uno de los componentes más importantes de una aplicación de Android. Es lo que te permite crear y mostrar una interfaz de usuario. Una aplicación puede tener una o más actividades, cada una de las cuales permite al usuario realizar una acción. Por ejemplo, una aplicación que actúa como cliente de correo electrónico puede tener tres actividades: una para el registro de usuarios, otra para iniciar sesión y otra para redactar un mensaje de correo electrónico.

Para simplificar este tutorial, crearemos una aplicación con solo una Actvity. Luego, para crear la Actividad, en el panel Project de Android Studio, haga clic con el botón derecho en la entrada de la aplicación y seleccione New -> Activity -> Empty Activity.

En el cuadro de diálogo que se abre, escriba MainActivity como nombre de la actividad, luego seleccione laopción Launcher Activity y presione Finish.

Marcar la casilla de verificación, relacionada con la opción “Launcher Activity”, es de fundamental importancia, esto permitirá a los usuarios abrir esta Actividad al iniciar la aplicación de Android. Por lo tanto, una actividad, con la opción de actividad Lanzador marcada, actúa como un punto de entrada para su aplicación, es decir, es la Actividad que iniciará la aplicación.

3. Crea un “Layout”

Cada actividad suele estar asociada con al menos un diseño. Cuando creó su Actividad, en el paso anterior, también generó un diseño vacío asociado a ella. Solo para familiarizarse con los diseños, puede echar un vistazo al file activity_main.xml.

El diseño de una actividad consiste principalmente en vistas y grupos de vistas. Una Vista, o simplemente Vista, a veces denominada widget, es un único componente de la interfaz de usuario denominado controles. Por ejemplo, botones, campos de texto, etiquetas y barras de progreso son ejemplos de vistas. Un grupo de vistas es un componente que puede actuar como contenedor de otras vistas. Por lo general, los grupos de vistas también son útiles para posicionar y configurar el tamaño de las vistas al mismo tiempo.

ConstraintLayout es uno de los grupos de vistas, es decir, actúa como contenedor de otras vistas más potentes y flexibles disponibles hoy en día para crear una aplicación de Android. De forma predeterminada, esta es la raíz del archivo XML de diseño de su actividad. Su contenido se parece a esto:

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

   xmlns:android="https://schemas.android.com/apk/res/android"

   xmlns:app="http://schemas.android.com/apk/res-auto"

   xmlns:tools="http://schemas.android.com/tools"

   android:layout_width="match_parent"

   android:layout_height="match_parent"

   tools:context=".MainActivity">

   <!-- More code here -->

</androidx.constraintlayout.widget.ConstraintLayout>

Crearemos una aplicación simple, con funciones como un reloj en este tutorial. Además de la hora local, podrá mostrar la hora actual de dos países diferentes: Spain y Alemania.

Para permitir que el usuario elija el país que le interesa, nuestro diseño tendrá dos vistas de botones, una para Alemania y otra para Spain. Y para mostrar la hora, nuestro diseño también tendrá una vista TextClock.

Como resultado, agregue el siguiente código dentro de ConstraintLayout:

<TextClock

   android:id="@+id/my_clock"

   android:layout_width="wrap_content"

   android:layout_height="wrap_content"

   app:layout_constraintBottom_toBottomOf="parent"

   app:layout_constraintTop_toTopOf="parent"

   app:layout_constraintLeft_toLeftOf="parent"

   app:layout_constraintRight_toRightOf="parent"

   android:format12Hour="h:mm:ss a"

   android:textSize="32sp"/>

<Button

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   app:layout_constraintBottom_toBottomOf="parent"

   android:text="Time in Germany"

   android:onClick="onClickGermany"

   android:id="@+id/germany_button"/>

<Button

   android:layout_width="match_parent"

   android:layout_height="wrap_content"

   app:layout_constraintBottom_toTopOf="@id/germany_button"

   android:text="Time in Spain"

   android:onClick="onClickSpain"

   android:id="@+id/spain_button"/>

Tenga en cuenta que las propiedades layout_width y layout_height de cada vista establecen el tamaño de la vista. Sin embargo, se requieren otras propiedades, como layout_constraintBottom_toBottomOf y layout_constraintLeft_toLeftOf para posicionar la vista. Con el código que se muestra arriba, TextClock se colocará en el centro de la pantalla y ambos botones secolocarán hacia la parte inferior de la pantalla.

De forma predeterminada, TextClock solo muestra las horas y los minutos. La propiedad format12Hour le permite cambiar el formato de visualización de las horas. En el código anterior, su valor se establece en «h:mm:ss a «. Este código informa al TextClock que debe mostrar las horas, minutos, segundos y también un sufijo AM/PM.

También tenga en cuenta que cada botón tiene una propiedad onClick. Esta propiedad se utiliza para asignar controladores de eventos de clic a los botones.

Los controladores aún no se han implementado, o mejor dicho, todavía tenemos que decidir qué debe hacer la aplicación con solo hacer clic en un botón, pero puede pedirle a Android Studio que los genere por usted de forma predeterminada desde el IDE. Para hacer esto, coloque el cursor sobre el nombre del controlador de eventos hasta que vea que aparece una bombilla de luz roja junto a él. Luego haz clic en la bombilla y selecciona la segunda opción, que es la que tiene la bombilla amarilla.

Creación de controlador de eventos
Creación de controlador de eventos

En este punto, puede intentar presionar Shift-F10 para ejecutar la aplicación. Si no hay errores en su XML, debería ver algo como esto en su teléfono o emulador:

Cómo crear una aplicación Android
Ejecutar aplicaciones de Android

Cabe señalar que Android Studio utiliza emuladores de dispositivos para ejecutar la aplicación, es decir, el desarrollador tiene la opción de elegir varios dispositivos en los que visualizar la aplicación en desarrollo.

Volviendo a nosotros, aunque los botones aún no funcionan, TextClock ya debería mostrar la hora local, actualizándose regularmente cada segundo, como un reloj normal.

4. Implementar controladores de eventos

Cuando generó los controladores de eventos para los dos botones, Android Studio agregó dos métodos al archivo Java de su actividad, concretamente en MainActivity.java. Si abre este archivo, debería encontrar el siguiente código dentro:

public void onClickGermany(View view) {

}

public void onClickSpain(View view) {

}

Dentro de los dos controladores de eventos, todo lo que tenemos que hacer es cambiar la zona horaria del TextClock. Pero, ¿cómo hace referencia a una vista en el archivo XML de diseño desde el archivo Java? Bueno, puedes usar el método findViewById().

Solo por analogía, si ya ha tenido experiencia con Javascript, eso es exactamente lo que hace un desarrollador con un método Javascript muy similar, para llegar a las propiedades de un elemento contenido en una página html.

Volviendo al método findViewById, una vez que tenga una referencia al TextClock, puede llamar al método setTimeZone() para cambiar su zona horaria. Luego agregue el siguiente código dentro del evento onClickGermany():

TextClock clock = findViewById(R.id.my_clock);

clock.setTimeZone("Europa/Germany");

Del mismo modo, agregue el siguiente código dentro del evento onClickSpain():

TextClock clock = findViewById(R.id.my_clock);

clock.setTimeZone("Europa/Spain");

Si te preguntas qué es R, bien hecho, no es más que una clase generada automáticamente durante la compilación de la aplicación por parte de Android Studio y que contiene, entre otras cosas, los ID de todas las vistas presentes en tus diseños. El método findViewById() espera que use esta clase para pasarle una ID válida.

En este punto, puede presionar Shift-F10 nuevamentepara volver a ejecutar la aplicación. Ahora debería poder hacer clic en los botones para cambiar la zona horaria de su reloj.

Además de modificar el código de su primera aplicación, también puede intentar arrastrar vistas directamente a una actividad y ver lo que el sistema ha escrito para usted dentro del archivo xml administrado anteriormente. Por lo tanto, las vistas se pueden posicionar a mano escribiendo directamente el código dentro del archivo xml o arrastrar, con el típico arrastrar y soltar, directamente a la Actividad que se muestra en ese momento en Android Studio.

Por tanto, cada Actividad consta de un archivo xml, que gestiona su visualización gráfica, y un archivo con extensión java, que implementa sus acciones y contiene el código que debe ejecutarse para cada evento de una vista.

Este tipo de enfoque es muy similar al que utilizan muchos marcos de desarrollo, como Visual Studio.

Conclusión

Acaba de crear su primera aplicación nativa completamente funcional para Android. Te aconsejo, si te apetece, que hagas algunos cambios. Por ejemplo, puede intentar usar otros formatos o zonas horarias. También puede intentar cambiar las posiciones de los botones y la visualización del reloj.

Hay docenas de vistas y grupos de vistas que puede usar para crear sus aplicaciones. Consulta la documentación oficial para conocerlas todas.

https://youtu.be/ZULKZL2aiDg
Como crear una APP Android | 2022 PASO A PASO
Salir de la versión móvil