Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)
¿Eres un desarrollador en ciernes que conoce los conceptos básicos de Java y quiere crear su primera aplicación usando Android Studio? Con una Play Store que actualmente aloja 2.89 millones de aplicaciones Android y que crece cada minuto, aprender y eventualmente dominar el desarrollo de aplicaciones Android es una excelente decisión.
Comienza a trabajar con Android Studio
Para crear una aplicación Android, necesitas un entorno de desarrollo integrado (IDE, o Integrated Development Environment en inglés), y Android Studio es el IDE oficial para crear aplicaciones Android.
Instala Android Studio
Para instalar y comenzar a trabajar con Android Studio, consulta mi publicación sobre cómo usar Android Studio.
Comprende Android Studio
Ahora que Android Studio está listo para ser usado, puedes comenzar creando tu primer proyecto. Asígnale un nombre a tu proyecto y también asígnale un nombre de paquete único. Después elige el SDK mínimo que quieras que sea compatible con tu aplicación.
Como dice debajo de la barra de SDK mínimo, con cada nivel de API aumentan las funciones que puedes usar en tu aplicación. Sin embargo, tu aplicación podrá ejecutarse en una menor cantidad de dispositivos. El cuadro de diálogo Crear nuevo proyecto incluye un estimador del porcentaje de dispositivos en los que se ejecutará tu aplicación.



Luego se te pedirá que selecciones el diseño de tu aplicación. Elijamos Actividad vacía, para que tengamos una gran cantidad de espacio con el fin de experimentar y aprender.



Una vez que hayas asignado un nombre a tu actividad (llamémosla MainActivity para este tutorial), Android Studio tomará un momento para crear tu primer proyecto. Ahora tienes frente a ti el editor de código principal, donde podrás escribir el código de tu aplicación.



La espaciosa sección a tu derecha es la Ventana del editor, donde escribes el código de tu aplicación. A tu izquierda y debajo están las ventanas de herramientas. Estas te permiten navegar fácilmente y trabajar en una tarea específica de tu proyecto, por ejemplo examinar archivos o ver información de depuración.
Las dos barras que ves en la parte superior son la Barra de herramientas, que te permite realizar tareas comunes en Android Studio, como compilar, ejecutar y depurar aplicaciones, y la Barra de navegación, que te permite navegar por el proyecto y por el archivo de clase actualmente abierto.
Tómate unos minutos para estudiar la pantalla. Tendrá más sentido una vez que comiences a crear una aplicación Android con Java.
Ahora que ya entiendes los conceptos básicos de Android Studio, finalmente es hora de crear tu primera aplicación Java para Android.
Desarrollo de aplicaciones Java para Android
Ahora, si miras hacia el lado izquierdo de tu pantalla verás dos carpetas. Una de ellas contiene el código de tu aplicación y lleva el nombre del título de tu proyecto. En este caso sería MyFirstJavaApp. La otra carpeta contiene scripts de Gradle, que es una herramienta gratuita que Android Studio usa para convertir el código de tu aplicación en archivos .apk.
Primero debes hacer clic para abrir la carpeta MyFirstJavaApp y acceder al código de tu aplicación. Luego debes hacer clic en la carpeta app. Esta tiene tres carpetas que contienen diferentes elementos de tu proyecto: manifests, java y res.
Para comenzar, selecciona res, que contiene un archivo llamado activity_main.xml. Hacer clic en este archivo te permitirá acceder al diseño de tu actividad principal. En la pantalla se verá así:



La actividad vacía que elegimos tiene un ConstraintLayout
, que es la raíz de la jerarquía, como puedes ver en la pantalla. Tiene solo un elemento, TextView
, que dice Hello World (Hola mundo). El constraint layout es un contenedor para los componentes de tu actividad y ayuda a mantenerlos organizados espacialmente.
Tienes dos formas básicas de realizar cambios en el diseño de tu actividad:
- Edita el archivo de diseño .xml con la interfaz gráfica de usuario. Puedes arrastrar y soltar cualquier elemento de tu elección para crear tu aplicación. Esta es la opción predeterminada y puedes acceder a ella con la pestaña Diseño en la parte inferior de la ventana.
- También puedes editar el archivo de diseño .xml directamente haciendo clic en la pestaña Texto. Aquí, en lugar de arrastrar y soltar los elementos, debes escribir el código de diseño de tu aplicación desde cero.
El primer método es ideal para ti si no tienes mucha experiencia en la escritura de código y tu objetivo es aprender a crear una aplicación Java usando Android Studio. Sin embargo, si te apasiona escribir código y quieres mejorar en la escritura de aplicaciones, el segundo método sería tu camino a seguir.
Realiza los primeros cambios a tu aplicación
Ahora tienes miles de opciones abiertas. Experimentemos cambiando un poco el TextView
. Abre el editor de código para ver el código del elemento TextView
, que se verá así:
android:text="Hello World!"
Cambiémoslo a:
android:text="Envato Tuts+"
También puedes cambiar el color del texto y el estilo de fuente, pero elijo no hacerlo aquí. Sin embargo, he colocado el texto en negrita. Ejecutémoslo en el AVD o en el dispositivo para ver cómo se ve.



Aquí puedes ver el código para estos cambios:
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="https://schemas.android.com/apk/res/android" xmlns:app="https://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"> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Envato tuts+" android:textStyle="bold" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" /> </android.support.constraint.ConstraintLayout>
Ahora, desde la pestaña Diseño arrastremos y soltemos un button
a tu aplicación y cambiemos su texto a Subscribe (Suscribir).



Aquí puedes ver el código que esto genera:
<?xml version="1.0" encoding="utf-8"?> <android.support.constraint.ConstraintLayout xmlns:android="http://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"> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Envato tuts+" android:textStyle="bold" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.501" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintVertical_bias="0.332" /> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginEnd="8dp" android:layout_marginStart="8dp" android:layout_marginTop="48dp" android:text="Subscribe" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintHorizontal_bias="0.501" app:layout_constraintStart_toStartOf="parent" app:layout_constraintTop_toBottomOf="@+id/textView2" /> </android.support.constraint.ConstraintLayout>
Puedes añadir varios botones y texto a tu aplicación y asignarles un espacio usando las restricciones a las que puedes acceder en la vista Diseño.
Haz que tu aplicación sea interactiva
Hasta este punto, nuestra aplicación tiene un button
pero no hace nada cuando el usuario hace clic en él. Para hacerla interactiva tenemos que asignar una acción que se llevará a cabo cuando un usuario pulse el botón. Aquí es donde finalmente comenzaremos a escribir código Java.
Digamos que quieres avisar a los usuarios que se han suscrito exitosamente al boletín de noticias de Envato Tuts+. Entonces, cuando los usuarios hagan clic en Subscribe (Suscribir) quieres que vean Welcome to the Envato Tuts+ Newsletter (Bienvenido al boletín de noticias de Envato Tuts+).
Así es como deberás escribir el código:
public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); Button button = findViewById(R.id.button); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { Toast.makeText(MainActivity.this, "Welcome to Envato tuts+ Newsletter", Toast.LENGTH_SHORT).show(); } }); } }
Y así es como se verá en el AVD:



Recuerda que cada button
que agregues a tu aplicación tiene un id
específico para ayudarte a hacer referencia a él desde el código Java.
Conclusión
En este tutorial vimos cómo puedes crear una aplicación simple con Java. Android Studio es verdaderamente notable, ya que ha simplificado el desarrollo de aplicaciones Java. Sin embargo, para dominar la creación de aplicaciones Android necesitas paciencia y práctica.
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Update me weekly