Cómo utilizar Android Studio

Android Studio es un IDE (Entorno de Desarrollo Integrado) de corta duración distribuido de forma gratuita para desarrolladores de Google y Android, basado en IntelliJ IDEA, que también es un excelente entorno de desarrollo para Android. En el artículo de hoy, le explicaremos cómo crear un nuevo proyecto de Android y aprovechar lo que Android Studio tiene para ofrecer.

Configuración del proyecto

Antes de comenzar a explorar el mundo de Android Studio, primero debe hacer clic aquí para descargar e instalar Android Studio. Tenga en cuenta que debe tener instalado JDK 6 o superior. Si está utilizando Windows, inicie el archivo .exe y siga el asistente de instalación paso a paso. Si está utilizando OS X, haga doble clic en la imagen del disco de arranque, luego arrastre y suelte Android Studio en la carpeta Aplicaciones.

Después de completar con éxito estos pasos, su entorno de desarrollo debería estar configurado correctamente. A continuación, estamos listos para crear nuestra primera aplicación de Android usando Android Studio. Cuando inicie Android Studio por primera vez, verá una pantalla de bienvenida que brinda opciones y orientación sobre cómo comenzar con el desarrollo de aplicaciones para Android.

En el tutorial de hoy seleccionaremos la opción Nuevo Proyecto. Sin embargo, también puede seleccionar Importar proyecto si desea convertir un proyecto existente en otro entorno (como Eclipse) en un proyecto de Android Studio. Android Studio convierte un proyecto de Eclipse en un proyecto de Android Studio y proporciona a los usuarios los archivos de configuración necesarios en el proyecto.

Si haces clic en "Abrir proyecto" en la lista de opciones, puedes abrir un proyecto creado con Android Studio o IntelliJ IDEA. Puede obtener una copia controlada de la versión de su proyecto seleccionando Obtener desde el control de versiones. De esta manera podemos crear rápidamente una nueva versión específica utilizando un proyecto existente como base.

Como estamos empezando desde cero, seleccionaremos Nuevo Proyecto. Verá una lista de opciones para configurar su nuevo proyecto. En el tutorial de hoy, crearemos una aplicación sencilla cuyo objetivo principal es demostrar algunas de las características más importantes de Android Studio. Creo que estarás de acuerdo conmigo en que "HelloWorld" es el nombre más apropiado para este nuevo proyecto.

Como se muestra en la captura de pantalla anterior, nombré la aplicación HelloWorld y le di un nombre de módulo. Si es nuevo en IntelliJ IDEA, es posible que no sepa qué es exactamente un módulo. Un módulo es en realidad una unidad funcional que se puede compilar, ejecutar, probar y depurar. Los módulos contienen código fuente, scripts de compilación y otros componentes para tareas específicas.

Al crear un nuevo proyecto, también puedes establecer un nombre de paquete para el proyecto. De forma predeterminada, Android Studio establece el último elemento del nombre del paquete del proyecto en el nombre del módulo, pero puedes cambiarlo si es necesario.

Otras configuraciones incluyen dónde se guarda el proyecto en el dispositivo, los SDK mínimos y recomendados, el SDK utilizado para compilar el proyecto y el tema del proyecto. También puede pedirle a Android Studio que cree una clase de actividad, le dé un ícono de inicio personalizado o establezca si el proyecto admite GridLayout, Fragments, Navigation Drawer o Action Bar.

Aquí no crearemos un ícono personalizado para la aplicación, por lo que puede desmarcar la casilla frente al elemento "Crear ícono de inicio personalizado". Haga clic en Siguiente para continuar con los pasos de configuración restantes.

Dado que marcamos la casilla de verificación para el elemento "Crear actividad" en el paso anterior, la navegación aquí le pedirá que configure la clase de actividad que Android Studio creará para nosotros.

Dado que comenzaremos con una clase de actividad en blanco, puede hacer clic en Siguiente para realizar el siguiente paso en el proceso de configuración. Aquí debe nombrar la clase de actividad, el diseño principal y el diseño de fragmento. También puede configurar el tipo de navegación, que en el proyecto de ejemplo de hoy está configurado en "Ninguno". La siguiente captura de pantalla muestra nuestra configuración.

Después de hacer clic en "Finalizar", verá la interfaz de usuario de Android Studio como se muestra a continuación. El lado izquierdo de la ventana es el navegador de proyectos y el lado derecho es el espacio de trabajo. Después de configurar el proyecto en Android Studio, ahora podemos ver las características principales de Android Studio una por una.

2. Dispositivo virtual Android

El dispositivo virtual Android (AVD para abreviar) es un conjunto de configuraciones de emulador que le permiten configurar Android para que coincida con el Situación real Modelo de dispositivo. Un modelo de dispositivo Android realista. Esto facilita a los desarrolladores ejecutar y probar aplicaciones en una variedad de plataformas de dispositivos. La función Dispositivos virtuales de Android le permite especificar la combinación de hardware y software que desea emular para el emulador de Android.

El método preferido para crear un dispositivo virtual Android es a través de AVD Manager, al que puede acceder seleccionando Android > AVD Manager en el menú Herramientas en la interfaz de usuario de Android Studio.

Si has configurado tu entorno de desarrollo correctamente, la interfaz del Administrador de dispositivos virtuales de Android debería verse así.

Para crear un nuevo AVD, debemos hacer clic en "Nuevo..." a la derecha, establecer un nombre para el AVD y configurar el dispositivo virtual como se muestra en la imagen a continuación.

Para usar el AVD que acabamos de crear, primero debemos seleccionarlo en la lista de AVD Manager y hacer clic en "Iniciar..." en el lado derecho de la ventana. ".Si ha configurado el AVD correctamente, el emulador de Android debería iniciarse como se muestra a continuación.

Ahora que el emulador de Android está en funcionamiento, es hora de iniciar nuestra aplicación. Desde el menú "Ejecutar". Seleccione "Ejecutar 'helloworld'". Sí, ejecutar la aplicación en el emulador de Android es así de simple.

3. Live Layout

Se puede utilizar la función Live Layout en Android Studio. Le permite obtener una vista previa de la interfaz de usuario de su aplicación sin ejecutarla en un dispositivo o emulador. Live Layout es una herramienta muy poderosa que ayuda a los desarrolladores a ahorrar mucho tiempo en la tarea de ver la interfaz de usuario de su aplicación.

Para usar el diseño en vivo, debemos hacer doble clic en el archivo de diseño XML correspondiente y seleccionar la pestaña "Texto" en la parte inferior del espacio de trabajo. Luego, seleccione "Vista previa" en el lado derecho del. espacio de trabajo. para obtener una vista previa del diseño actual. Cualquier cambio que realicemos en el diseño XML se reflejará directamente en la ventana de vista previa a la derecha. Puede ver la captura de pantalla a continuación para tener una mejor idea de esta función.

El diseño en vivo ofrece muchas ventajas excelentes. Por ejemplo, puede crear vistas verticales y horizontales separadas seleccionando la opción en el primer menú del panel de vista previa para realizar los ajustes necesarios en el diseño XML que está utilizando actualmente. carpetas y archivos.

El segundo menú en el panel de vista previa le permite cambiar el tamaño del dispositivo que se muestra en el panel de vista previa. Y el tercer menú se usa para ajustar la orientación del dispositivo en el panel de vista previa para que podamos ver más fácilmente cómo se verá el mismo esquema de diseño y tema en diferentes modos de visualización (vertical y horizontal).

El cuarto menú en el panel de vista previa nos permite acceder fácilmente a varias partes de la actividad o el diseño. El panel de vista previa también le permite cambiar el idioma utilizado en el diseño en vivo, para que pueda obtener una vista previa del diseño fácilmente. En diferentes idiomas. El menú del extremo derecho se utiliza para ajustar la versión de API.

El panel de vista previa también contiene varios controles, como escalar el diseño, volver a obtener una vista previa del panel o tomar una captura de pantalla de la pantalla actual.

4. Plantillas

Android Studio también proporciona a los desarrolladores una variedad de opciones de plantillas, que pueden acelerar enormemente el desarrollo. Estas plantillas crean automáticamente actividades y archivos XML necesarios. También puedes usar estas plantillas para crear aplicaciones de Android más básicas y ejecutarlas en un dispositivo físico o emulador.

En Android Studio, puedes crear una plantilla al mismo tiempo que creas una nueva actividad. Haga clic derecho en Nombre del paquete en el navegador de proyectos en el lado izquierdo de la ventana y seleccione Nuevo en el menú, luego seleccione Activo de la lista de opciones. "

También puedes seleccionar "Recurso de imagen" en el menú y el asistente te guiará paso a paso a través del proceso de creación. Veamos cómo crear una nueva actividad basada en la plantilla de actividad de inicio de sesión, primero en la lista de plantillas de actividad Seleccione la opción Actividad de inicio de sesión para iniciar el asistente de creación.

Como se muestra en la captura de pantalla anterior, he nombrado la nueva actividad LoginActivity, es decir, establecí el nombre del diseño para el inicio de sesión de la actividad. agregó el nombre del diseño para la Actividad. La actividad agrega un título llamado "Iniciar sesión". De forma predeterminada, el elemento "Incluir inicio de sesión de Google" en el cuadro de diálogo está seleccionado. Dado que no vamos a utilizar la función de inicio de sesión de Google. Hemos desmarcado esa casilla.

Opcionalmente, puedes configurar un padre jerárquico para este nuevo conjunto de actividades para que cuando hagamos clic en el botón Atrás en el dispositivo, la aplicación vuelva a la pantalla anterior. en blanco. Después de hacer clic en "Finalizar", Android Studio creará los archivos y carpetas necesarios para nosotros. Si todo va bien, veremos la nueva actividad y el diseño en el proyecto. Configure la nueva Actividad en el archivo de manifiesto para que pueda usarse como Actividad principal al iniciar la aplicación. Veamos el contenido del archivo de manifiesto a continuación, donde la clase LoginActivity tiene su propio nodo de actividad.

lt; aplicación

android: enableBackup="true"

android: icon="@drawable/ic_launcher"

android: label="@string/ app_name"

android: theme="@style/AppTheme" gt

actividad

android: name="com .tuts.HelloWorld.

android: name="com.tuts.HelloWorld.

lt;/intent-filtergt;

lt;/activitygt;

lt; actividadgt;

lt; actividad

android: nombre="com.tuts.HelloWorld.

android: nombre=" com.tuts.HelloWorld.LoginActivity"

android: label="@string/title_activity_login"

android: windowSoftInputMode="adjustResize|stateVisible" gt;

lt;/activitygt;

lt;/applicationgt;

Para iniciar la aplicación LoginActivity que acabamos de crear, primero debemos eliminar el nodo de actividad de la clase LoginActivity original y reemplazarlo. la clase anterior com.tuts.HelloWorld.LoginActivity. tuts.HelloWorld.MainActivity La aplicación ahora utilizará la clase LoginActivity como su actividad principal.

lt; aplicación

android: enableBackup="true"

android: icon="@drawable/ic_ launcher"

android : label="@string/app_name"

android: theme="@style/AppTheme" gt

actividad

android: name="; za.co.helloworld.

android: label="@string/app_name" gt;

lt;intent-filtergt

lt;action android. nombre="android.intent.action.MAIN" /gt;

lt; categoría android: nombre="android.intent.category.LAUNCHER"

lt;/ intent-filtergt;

lt;/activitygt;

lt;/applicationgt;

Cuando creamos y ejecutamos la aplicación en el simulador, primero debemos ver la pantalla que se muestra en la figura siguiente. Esto significa que hemos reemplazado con éxito la clase Actividad en blanco con la clase LoginActivity que acabamos de crear.

5. El código de Lint es uno. Esto no solo mejora significativamente el rendimiento, sino que también mejora la estabilidad general de la aplicación.

Android Lint, disponible en Android Studio, es un análisis estático. herramienta que analiza el código fuente de su proyecto. Puede detectar posibles errores en su aplicación y otros problemas de código que el compilador puede pasar por alto.

Tomando la siguiente captura de pantalla como ejemplo, puede ver que LinearLayout está en este diseño. en realidad no se utiliza, y la ventaja de Android Lint es que puede ayudarnos a centrarnos en el motivo por el que aparece el mensaje de advertencia o error, lo que facilita su reparación o solución.

Adquiera el hábito de Reutilizar la herramienta Android Studio Lint, ya que puede ayudarnos a detectar con precisión posibles problemas en nuestros proyectos e incluso decirnos si hay imágenes duplicadas o contenido compilado en nuestra aplicación.

Para ejecutar la herramienta Lint, primero debe seleccionar Inspeccionar código... en el menú Análisis de Android Studio. Una vez que Android Studio termina de verificar su proyecto, muestra los resultados en la parte inferior de la ventana. Tenga en cuenta que Android Studio proporciona muchas otras funciones de inspección además de Android Lint. Simplemente haga doble clic en un problema descubierto y el sistema le ayudará a encontrar dónde existe el problema en el archivo correspondiente.

6. Editor de diseño enriquecido

Android Studio proporciona un amplio conjunto de editores de diseño donde puedes arrastrar y soltar varios componentes de la interfaz de usuario. También puedes ver varios diseños simultáneamente en una configuración multipantalla, que ya mencionamos en un artículo anterior.

El editor de diseño enriquecido es muy intuitivo y fácil de usar. Primero necesitamos un conjunto de opciones de diseño.

Busque la carpeta de diseño en la carpeta res del proyecto, haga clic con el botón derecho en la carpeta de diseño y seleccione Nuevo>Archivo de recursos de diseño en el menú emergente.

Establezca un nombre y un elemento raíz para el nuevo diseño y haga clic en Aceptar. "

En el editor en el lado derecho de la ventana, Android Studio abrirá automáticamente el diseño.

En la parte inferior del editor verá dos pestañas: Diseño y Texto, Al hacer clic en la pestaña Texto se activará el editor, lo que nos permitirá realizar cambios en el diseño seleccionado actualmente.

Al hacer clic en la pestaña Diseño se activará otro conjunto de contenido del editor, que muestra una vista previa del diseño. agregue otros componentes funcionales al diseño, simplemente los arrastramos desde la lista de componentes en el lado izquierdo del diseño y los soltamos en el

Resumen

En el tutorial de hoy. Echamos un vistazo breve a la funcionalidad principal de Android Studio. Se usa de manera muy similar a IntelliJ IDEA, pero incluye muchas mejoras importantes que aceleran enormemente el desarrollo de aplicaciones de Android y hacen que todo el proceso sea más fácil y agradable. /p>