Desarrollo de aplicaciones de Android para principiantes

1. Introducción / tráela: Hola, Mi nombre es Lee fallando, y hoy te voy a enseñar a crear una aplicación androide muy básica. Ahora voy a asumir que no sabes absolutamente nada sobre el desarrollo de Android. Ayudaría si sabes algo sobre programación. Pero aunque no sepas absolutamente nada, aún deberías poder seguir mis sencillas instrucciones paso a paso para crear tu primera aplicación de Android. Voy a asumir que tienen acceso a una computadora relativamente moderna construida en los últimos 45 años. Tienes acceso a un dispositivo android y una conexión a Internet. Ahora bien, si no tienes acceso a un dispositivo Android, está bien. Podremos construir y probar la aplicación sin un dispositivo android. Pero si tienes uno, hará que la experiencia sea mucho más fría para ti. Ahora bien, aunque voy a asumir que no sabes nada de que la programación vaya a este proceso y te voy a dar instrucciones paso a paso, veces esas instrucciones pueden parecer un poco abrumadoras. Si te estás perdiendo, solo tienes que volver a subir el video, pausar hasta que te pongas al día y luego avanzar si necesitas ralentizarlo retrocede y volver a ver algo. Sea lo que sea necesario para mantenerse en el camino. Una vez que hayas terminado tu app, asegúrate de publicar una captura de pantalla para que toda la clase la vea. Ahora empecemos. 2. Instalación de Android Studio: De acuerdo, entonces lo primero que deberás hacer si aún no lo has hecho es descargar e instalar Android studio. Sólo tienes que ir a Google y escribir en descargar estudio Android. Da click en el primer enlace y eso te llevará a esta página donde podrás descargar Android Studio para tu sistema. Ahora esta descarga puede tardar un tiempo, por lo que es posible que quieras pausar el video mientras esperas. Después de haber descargado e instalado el programa, Adelante y lánzalo y deberías ver algo como esta pantalla. Simplemente haz clic en Aceptar para decir que no tienes ninguna configuración para importar con Android Studio, puedes crear APS para muchos tipos diferentes de dispositivos smartphones, tablets, relojes, televisores, autos y incluso las gafas de Google. Ahora esta siguiente pantalla te preguntará qué tipo de instalación queremos. Podemos elegir ya sea estándar o personalizado. Seguiremos adelante y seleccionaremos a medida porque eso nos permitirá establecer algunas opciones que nos ahorrarán tiempo más adelante. A continuación, tenemos que elegir si quieres el tema claro o el oscuro. A mí me gusta el tema oscuro. Es un poco más fácil para los ojos si estás mirando la pantalla durante mucho tiempo, pero siempre puedes cambiarla después. Por último, se te pregunta si quieres descargar algunos componentes diferentes, estos componentes tendrán que descargarse eventualmente, por lo que bien podríamos hacerlo. Ahora debes marcar cada casilla. Estas son cosas que vamos a necesitar para probar nuestra aplicación una vez que la hayamos escrito. Así que adelante y comprueba todos esos y luego haz clic en Siguiente y luego haz clic en Finalizar para confirmar. Y ahora podría ser un buen momento para ir atracón. Mira algo en Netflix porque esta parte tomará mucho tiempo. Entonces pausa el video. Vuelve cuando todo esté descargado. Una vez que veas la pantalla, eso significa que todo está hecho. Así que haz clic en terminar y serás recibido con la pantalla de bienvenida, y ahora ya estás listo para comenzar tu primer proyecto de estudio para Android. 3. Crea la interfaz de usuario: Entonces vamos a empezar por crear una nueva aplicación para Android, y lo primero que tenemos que decidir es cómo se va a llamar el AP. Realmente no importa lo que pongamos aquí. Debe ser algo interesante que describa la app. Siempre podemos cambiar esto más adelante si es necesario. Para el dominio de tu empresa, también puedes escribir lo que quieras. Android Studio usa esto y lo combina con el nombre de la aplicación para crear lo que se llama el nombre del paquete. El nombre del paquete tiene que ser único para cada aplicación instalada en el dispositivo. Entonces si tienes una dirección de sitio web, adelante y escribe eso aquí. Si no tienes una dirección de sitio web, solo pon tu nombre dot com y eso probablemente debería estar bien. Por lo que puedes ver es que cambio este valor. Cómo cambia el nombre del paquete debajo. Ese es el nombre único que necesitamos para nuestra app. Ahora la ubicación del proyecto debajo va a ser justo donde se va a guardar la aplicación . Por lo que da click siguiente y fueron llevados a la pantalla de destino en la pantalla de destino. Se les preguntó qué tipo de dispositivo y qué versión de android queremos un objetivo con nuestra aplicación, podemos seleccionar cualquier versión de Android que queramos. Pero cualquiera que sea la versión que seleccionemos, nuestra aplicación solo se ejecutará en esa versión y superior. A medida que cambiemos este ajuste Android studio nos dirá qué porcentaje de dispositivos en el mundo podrán ejecutar nuestra aplicación. Seleccionar un número menor nos permite correr en más dispositivos, pero seleccionar un número mayor nos da acceso a más características. Ahora hay algunas escuelas de pensamiento diferentes sobre qué versión de Android apuntar. Algunas personas dicen Toma la última versión, regresa una y eso es lo que debes apuntar cuando estás creando una nueva app. Otras personas dicen que debes apuntar a la versión más temprana que posiblemente puedas. Eso aún te permite crear una app que haga todo lo que quieras dio. En nuestro caso, vamos a seguir adelante y seleccionar Android versión seis sólo porque esa es la versión de Android que tengo corriendo en mi teléfono. Si tienes una versión diferente en tu teléfono, deberías escoger eso ahora. Una vez que hayamos elegido eso, vamos a seguir adelante y dar click siguiente y luego fueron llevados a la pantalla de actividades y android cada pantalla que ves en tu aplicación se llama actividad. Android Studio proporciona un montón de plantillas de actividad diferentes. semana solía iniciar nuestra app solo para una especie de patada comenzó un poco, pero aquí vamos a elegir. Just The empty activity explorará algunos de los otros tipos y futuras clases, pero por ahora, los árboles vacían actividad y siguen adelante y dan clic en next. Ahora cada actividad tiene asociados dos archivos diferentes. uno se le llama Archivo de código o archivo Java. Ese es el listado aquí como Actividad principal, y el otro archivo es el archivo de diseño aquí, como se llama Activity Underscore Main. Ahora vamos a dejar que Android Studio cree ambos bosques sólo para ayudarnos. Fuera de él dará clic en terminar, y luego esperaremos un poco mientras Android Studio crea todos los diferentes archivos para nuestro programa y los conecta a todos juntos. Ahora, una vez que la aplicación comience a cargarse, notarás que mucho del código es rojo, mostrando diferentes mensajes de error. Hay un indicador de progreso en la parte inferior de la pantalla. Esto sucede porque Android Studio está indexando el proyecto y averiguando dónde están todos los archivos y sincronizando todo. Por lo que queremos esperar hasta que termine ese proceso antes de empezar a editar algo. Por lo que sólo esperamos a que terminen esos indicadores de progreso. El código cambiará de rojo. Volver a la normalidad. Verás la pantalla de indexación final desplazarse por la parte inferior de la barra de progreso y luego una vez que las barras de progreso hayan terminado de aire, estamos listos para comenzar ahora. Deberías ver a un editor aquí a la derecha y a la izquierda una lista de archivos y carpetas, si no lo haces. Si ves algo como esto donde solo tienes el editor da click en este toque de Proyecto. Y si está configurada en la vista de proyecto predeterminada, queremos cambiar eso a la vista de android que nos facilite encontrar los archivos que queremos. Y esta es la opinión que debemos tener cuando empecemos a trabajar en nuestro proyecto. Cada pantalla de tu aplicación android está hecha a partir de dos archivos, un archivo XML que controla la apariencia y un archivo Java que controla el comportamiento al que el archivo XML a veces se refiere como el diseño mientras que los archivos Java se refieren como la actividad el trabajo de archivo para nuestra actividad principal se muestra aquí en el editor. Cuando lanzamos por primera vez el programa, el archivo de diseño o XML se puede encontrar en el recurso es directorio bajo la carpeta de diseño. Android Studio proporciona múltiples formas de mirar nuestro diseño. Esta vista lado a lado muestra la vista previa del diseño así como un simulacro de marco de alambre hacia arriba. Podemos hablar de ida y vuelta entre sólo la vista previa. Sólo el marco de alambre, maqueta arriba o la vista lateral a lado. La mayoría de las veces estará trabajando justo con la vista previa principal. Otra vista de nuestro diseño funcionará con es la vista de texto. Al hacer clic en el texto a ti nos muestra el código XML sin procesar que genera el diseño. La vista de diseño nos muestra nuevamente la vista previa de ese diseño la mayor parte del tiempo se mantendrá en el modo de vista previa, pero a veces cambiaremos a la vista de texto para poder hacer algunos ajustes de grano fino . Todas las pantallas de nuestra app para android están conformadas por contenedores de diseño. Estos contenedores contienen controles que muestran cosas en la pantalla, como texto o botón. Cuando tenemos texto en la pantalla, por ejemplo, se mantiene dentro de un control llamado vista de texto. De igual forma, y tenemos un botón en la pantalla. Se mantiene dentro de un control llamado botón. Estos controles contenían propiedades que podemos modificar en nuestro archivo de diseño con el fin cambiar su apariencia. Si hacemos clic en este texto dentro de nuestro layout, veremos que se trata de una vista de texto, un control que contiene información sobre el texto para mostrar en nuestro layout. La propiedad principal para texto fusiona el campo de texto, pero también nos preocupamos por el i d de la vista de texto. Al configurar la idea de la vista de texto, podremos conectarnos con ella en nuestro archivo de código. Podemos usar en una palabra única para definir nuestro i D. Siempre y cuando no contenga espacios u otros caracteres especiales. mucha gente le gusta agregar un prefijo al I D para indicar qué tipo de control es, como txt para un texto. Si también vamos a cambiar el texto de nuestro texto usted en lugar de sólo decir Hola mundo mostrará un mensaje al usuario. No toque el botón cuando modifiquemos esta propiedad. Observe cómo se cambia inmediatamente en el diseño tan pronto como salgamos del campo de propiedad de texto por defecto. La vista de texto es lo suficientemente grande como para sostener los textos, que es lo que significa el contenido envuelto. Podemos modificar eso para que coincida con el padre, que lo hará lo suficientemente grande como para llenar todo con cualquier contenedor que esté dentro. Podemos entonces centrar el impuesto y modificar su estilo, haciéndolo audaz y un poco más grande. También podemos modificar el color del texto haciendo clic en este cuadro junto a la propiedad de color del texto se les dio una lista de recursos Android pre definidos es seleccionando color, se verá una lista de todos los diferentes colores que Android Studio ha pre definido para nosotros. Estos colores de aire incorporados en el sistema android. Podemos seleccionar este bonito color rojo o podemos definir el nuestro propio por ahora, seleccionaremos uno de los pre construidos. Observe de nuevo cómo el texto cambia inmediatamente en la vista previa del diseño. A continuación, añadiremos un botón a nuestra pantalla. Pasaremos a los widgets, enumeraremos una lista de diferentes controles integrados y arrastraremos un botón a los avisos de pantalla que lo arrastramos por ahí. Las guías de diseño ayudan a indicar cómo se colocará el botón en la pantalla fácilmente propiedades son importantes porque nuestra aplicación necesita trabajo del dedo del pie y se ven bien en diversas orientaciones de pantalla y tamaños de dispositivo indiferentes. Android Studio nos dejará previsualizar ¿Cómo son apple? Busca en diferentes tamaños de dispositivo, como una tableta en modo horizontal en comparación con un teléfono en modo retrato. Observe cómo, cuando seleccionamos un elemento en el diseño, el inspector de propiedades cambia para mostrar las propiedades para ese ítem, Le daremos nuestro botón y i d del botón y modificaremos su texto para decir Toca me. Algo importante a tener en cuenta es, medida que cambiamos estas propiedades, parece que el diseño previsualiza el cambio. Pero lo que realmente está cambiando es el texto que genera esa vista previa de diseño. Por ejemplo, aquí está el código XML para generar nuestro texto. Tú y aquí está el código para generar son pero nota que el texto se ha configurado para tocarme . Si modificamos el texto directamente en el archivo XML y luego cambiamos de nuevo a la vista de diseño, veremos que allí también se han hecho esos cambios. Cambiarlo de nuevo refleja de inmediato el cambio en el diseñador. También podemos cambiar el diseño de nuestro botón en el diseñador moviéndolo hacia arriba más cerca de nuestro texto para ti. Y luego si volvemos a nuestro XML, mira, veremos que esos cambios se han reflejado en las propiedades de diseño. No importa cómo sean la orientación del dispositivo o los cambios de tamaño, el botón siempre estará 61 píxeles por debajo de la vista de texto. Por ahora, pongámoslo de nuevo en el centro de la pantalla. 4. Prueba de tu aplicación con el emulador: Existen dos formas principales de probar tu aplicación de Android. En primer lugar, si tienes un dispositivo Android, puedes configurarlo en modo desarrollador. Conéctalo a tu computadora con el cable USB y pruébalo de esa manera. Pero si no tienes un dispositivo, impugnas tu aplicación de Android usando lo que se llama el Emulador de Android, una pieza de software que está integrada en Android Studio, que simula un dispositivo Android justo en tu computadora. En primer lugar, veremos cómo probar tu aplicación usando un emulador. Entonces veremos cómo probarlo. Usando un dispositivo real, empezó. Haga clic en la Flecha Verde en la parte superior de la pantalla que abrirá la ventana de destino de despliegue . Ya que nunca habíamos usado en emulador antes. Esta ventana actualmente está vacía, mostrando no hay dispositivos USB ni emuladores para crear un emulador para probar. Daremos clic en el botón Crear nuevo dispositivo virtual, que abrirá nuestra pantalla de selección de hardware. Podemos optar por emular cualquier tipo de dispositivo Android que esté integrado en Android studio, desde tabletas hasta teléfonos hasta televisores. Por ahora, sólo elijamos el Nexo cinco y damos clic en Siguiente en. En la siguiente pantalla se seleccionará qué versión de Android queremos instalada en el dispositivo. Podemos escoger cualquier versión, pero algunas de las versiones tendrán que descargarse de antemano. que ya tenemos la versión 7.1 punto uno descargada, vamos a seguir adelante y probar con esa versión y dar click siguiente en esta pantalla debilitar, especificar opciones adicionales y dar nuestro emulador y nombre. Simplemente puedes dejarlo con el nombre predeterminado o nombrarlo algo que te ayude a recordar exactamente qué versión de android tienes instalada. Otra opción de dispositivo. Una vez que estemos todo listo, haga clic en terminar y se creará nuestro emulador androide. Ahora nuestros emuladores recién creados aparecen en la pantalla es un dispositivo virtual disponible que seleccionará eso y haga clic. OK, ahora sólo tenemos que pasar por este proceso una vez después de eso, este dispositivo virtual, este emulador siempre estará disponible. Podemos crear otros nuevos si es necesario. Una vez que hacemos clic en Aceptar, Android studio comenzará a construir y lanzar nuestro emulador. Ahora este proceso puede tomar una cantidad considerable de tiempo la primera vez que lo ejecutes. Especialmente si estás ejecutando Android studio en un PC de menor presupuesto. Esta pequeña notificación pop up. Vemos en la parte superior derecha sobre la gran invocación aliada terminada solo significa que nuestra aplicación se construyó correctamente y no hay problemas con ella. Por lo que sólo esperaremos a que se cargue el emulador. Y luego Android Studio copiará nuestra aplicación en el emulador. Una vez que el emulador sí se carga, verás que hay varios controles diferentes conectados a él que podemos usar para interactuar con el dispositivo. Y a medida que movemos la pantalla del emulador alrededor, esos controles la seguirán de lado a lado. Si hacemos clic en los botones de orientación, podemos simular la rotación del dispositivo en dos direcciones diferentes. También podemos apagarlo, ajustar el volumen, ajustar el volumen, tomar una captura de pantalla, acercar e interactuar también con los botones de la pantalla de inicio que están disponibles en todos los dispositivos. Una vez que el emulador termine de arrancar, Android Studio comenzará a copiar nuestra aplicación al emulador. Se puede ver tipo de los mensajes de estado aquí junto con la Barra de Progreso. Eventualmente nuestra app aparecerá en esta pantalla y ahí está encendida. Entonces podemos interactuar con él. Sólo un ziff. Teníamos un dispositivo real. Ahora, este momento, nuestra aplicación no hace nada, pero sí se ve y se comporta exactamente como lo haría un dispositivo androide real, y podemos interactuar con el teléfono igual que tocaríamos el botón de inicio para volver a esta pantalla, debilita, desliza hacia arriba usando nuestras bocas, encuentra nuestra app en la recién usada manzana ISS y vuelve a ejecutarla ahora, ya que el emulador suele tardar un poco en levantarse y correr, mi consejo es no dejar de fumar el emulador. No haga clic en el botón de salir. Basta con hacer clic en este cuadrado rojo en la parte superior de la ventana de estudio android que desconecta android studio del emulador. También podemos minimizar esta ventana de estado del emulador haciendo clic en este botón del lado derecho . La próxima vez que queremos probar nuestra app. Dado que el emulador ya se está ejecutando, el proceso irá mucho más rápido. 5. Agregar comportamientos: con el fin de hacer nuestra aplicación Dos cosas interesantes. Ahora tenemos que conectar los elementos de diseño al código. ¿ Recuerdas cómo le dimos a cada elemento en nuestro diseño? An i d. Cuando compilamos la app Android studio colecciona todas esas ideas y las juntamos en un recurso Es lista organizada por el I. D. Nombre para que nuestro archivo Java Para poder modificar esos elementos, tenemos que usar una función llamada find view by i d Este comando nos permitirá acceder a esos ítems en el recurso es lista para usarlo, primero tecleamos, encontramos vista por I d y luego le decimos qué i d estamos buscando. Android studio proporciona una forma conveniente de hacer esto usando el objeto r especificando son dot i d dot mensaje de texto debilitar el acceso al recurso con la idea de mensaje de texto que corresponde a un texto de usted en nuestro archivo de diseño. Una vez que tengamos ese recurso, podemos entonces almacenarlo dentro de una variable del tiempo correcto. Esto nos permitirá modificar las propiedades más adelante en el código aquí. Lo vamos a almacenar en una variable llamada MSG, que es sólo corto para el aviso de mensaje. El tipo de variable es vista de texto, el mismo tipo de cosa que ponemos en el layup. Con esto almacenado, podemos modificar las propiedades del control directamente en nuestro código, lo que luego cambiará el aspecto y comportamiento de la APP. Usaremos este patrón una y otra vez, y nuestro desarrollo androide así y el comportamiento a nuestra app. Tenemos que modificar el archivo Java que va con esta pantalla. Lo puedes encontrar en el directorio Java. Ahora hay tres directorios aquí. Queremos el que no diga prueba. Dentro de ahí hay un archivo llamado Actividad Principal, y éste contiene todo el comportamiento para esa pantalla principal de nuestra aplicación. Al cambiar de nuevo al diseño seleccionará nuestro control de botones y verificará que sabemos cuál es la idea del botón. Ahora. Volvemos a nuestro trabajo un archivo, y cada vez que modificamos el archivo Java, es bueno poner un pequeño comentario, solo un pequeño mensaje para nosotros mismos, recordándonos lo que estamos haciendo. Podemos crear un comentario usando para reenviar barras inclinadas, cualquier cosa que justo después de esas barras en la misma línea es ignorada por Android studio. Ahora asegúrate de agregar el código entre estos dos conjuntos de razas rizadas. Estos pertenecen a la función on create, la función que se va a ejecutar automáticamente cuando se inicie la actividad. Ahora, como mencioné en la introducción, cuando usamos la función find view by I d, necesitamos almacenar esa vista en una variable del tipo correcto, que en este caso, va a ser botón. Desafortunadamente, cuando usamos botón, Android Studio nos dice que no sabe qué es un botón. Eso se debe a que a este archivo le falta la declaración que le dice a Android studio cómo funcionan los botones . Si pasamos el cursor sobre el texto del botón, podemos ver que hay una forma de agregar esto automáticamente. Para ello, basta con mantener presionada la llave del altar o la tecla de opción. Si estás en un Mac y presiona, entra en Android studio, luego agrega automáticamente la declaración de importación correcta para darte acceso a todas las propiedades que un botón tiene otro atajo que notarás a medida que empecemos a escribir. Si Android Studio reconoce la función que estamos tratando de usar, podemos presionar tab o entrar toe automáticamente terminado de escribir esa función. Ahora hemos conectado el botón desde nuestro diseño a una variable llamada el botón dentro de nuestro código. No obstante, antes de que podamos usarlo, todavía hay una cosa más que tenemos que dio Ver este garabato rojo que indica un error. Este error en particular se debe a que la vista de hallazgo por I. D Función devuelve una vista genérica. Pero estamos esperando algo. Debilitar tienda es un botón, así que tenemos que decirle a Android Studio que sabemos que esto d corresponde a un botón. Podemos hacerlo a través de un proceso llamado casting. Ahora, si rematamos en esto, impresionamos a todos para entrar u opción en Toronto, Mac una vez más, Android Studio arreglará automáticamente este aire para nosotros. Simplemente seleccionaremos cast to Android Button, y luego insertará el código correcto para que esta línea funcione. Cuando estamos conectando cosas entre el código y el diseño, tenemos que asegurarnos de conocer no sólo el I d, sino el tipo exacto de cosas que estamos conectando. Entonces cuando hacemos click en nuestro mensaje aquí en la parte superior, podemos ver que el tipo de cosa es una vista de texto. Podemos ver que se muestra aquí a la izquierda dentro del árbol de componentes también está en la vista XML , cambiando de nuevo al diseñador. También podemos verificar el I D y luego volver a nuestro código y repetir exactamente el mismo proceso que utilizamos para conectar el botón, incluyendo usar nuestro todo para entrar u opción en un atajo para importar la biblioteca correcta, creando el nombre de variable. Y seguiremos adelante y echaremos con anticipación, ya que sabemos que vamos a tener que hacer eso y luego usar nuestra funcion find view by I d para acceder al recurso correcto desde nuestro layout al que queremos conectarnos ahora notar. Aquí utilicé un nombre diferente para mi variable de mensaje al que utilicé para la idea del mensaje de texto . Estos no tienen que ser los mismos, pero suele ser la mejor práctica para hacerlos iguales. Entonces vamos a seguir adelante y cambiar eso, y ahora vamos a añadir el comportamiento para nuestro botón. Lo que queremos hacer es cuando se toca el botón, queremos cambiar lo que hay dentro del mensaje de texto. Un concepto importante, un androide Development es el concepto de oyentes de eventos cuando ciertas acciones tienen lugar en nuestras aplicaciones, como tocar un botón o deslizar la pantalla que se llama evento. Podemos crear oyentes de eventos diseñados toe escuchar tipos específicos de eventos. Por ejemplo, cuando un botón este toque, podríamos tener algo llamado un oyente de clic configurar dedo del pie. Escucha ese evento para que cuando toquemos el botón, se notifique al oyente. Y entonces el código dentro del oyente puede ejecutarse, afectando cómo se comporta nuestra app. Volviendo a nuestro código Java, podemos crear un manejador de eventos o oyente de botones comenzando a escribir set en Android studio . Proporcionanos una lista con todos los diferentes tipos de oyentes de eventos disponibles para el, pero notarás que hay muchos oyentes de eventos diferentes, uno para cada tipo de evento que un botón podría crear particularmente. En este caso, la predeterminada aparece en la parte superior, y esa es la que vamos a usar set on clickener. Hay una cantidad justa de código que va en un oyente de eventos, pero si empezamos escribiendo nuevo en y luego presionamos enter, Android Studio creará todo el andamio de código que necesitamos para crear un oyente de eventos que responderá a los botones al clic de It. Ahora, una vez más, nuestros objetivos de cambiar el texto cuando ocurra el click. Entonces vamos a obtener la variable de mensaje de texto y decir texto mensaje de texto texto texto conjunto de puntos. Entonces pondremos la cadena de caracteres que queremos mostrar cuando eso suceda, en este caso diremos que no. Entonces revisemos lo que hemos hecho. Empezamos con un botón el cual conectamos al diseño usando la vista fina por la función I D . También obtuvimos una referencia a nuestra vista de texto, cual contiene el mensaje que el usuario va a ver cuando rematamos el botón, agregamos un oyente sin click a nuestros botones para que cada vez que alguien encierra el botón, el código dentro de se ejecutará el evento on click, configurando el texto del botón. Una vez más. Este es un patrón general para el desarrollo de android. Obtén las vistas que usando su I DS agregamos algunos oyentes de eventos y luego tenemos código que se ejecuta en respuesta a esos eventos estar app nuevamente haciendo clic en el botón verde play, seleccionando el emulador que creamos antes y haciendo clic en Aceptar Si no podemos ver nuestro emulador, solo necesitamos seleccionarlo ya que lo dejamos en ejecución. Y luego Android Studio comenzará a copiar nuestra aplicación al emulador, y luego la lanzaremos. Una vez que nuestro lanzamiento de aplicación se debilite, toca el botón y mira el cambio del mensaje en la vista de texto. Enhorabuena. Acabas de crear tu primera aplicación android. Una vez más, No cierres el emulador. En caso de que quieras realizar algunos cambios, solo tienes que hacer clic en el botón de detención rojo y podrás modificar el código. Puedes modificar el diseño y jugar y ver qué más puedes crear. 6. Prueba de tu aplicación con un dispositivo real: Ahora bien, si el emulador no está funcionando para ti o si solo quieres probar con el teléfono real, puedes hacerlo entrando en tu configuración y luego desplazándote hacia abajo hasta que veas el botón about . Toca eso y desplázate hacia abajo hasta el número de compilación y cúbrelo siete veces. Entonces deberías ver un mensaje que diga Ahora eres un desarrollador que pone tu teléfono en modo desarrollador. Realice una copia de seguridad de una pantalla, y luego en su configuración, verá una nueva opción. Opciones de desarrollador. Toca eso y desplázate hacia abajo hasta que veas algo que diga depuración USB. Encender eso y eso permitirá que tu teléfono se conecte a Android Studio para que puedas copiar aplicaciones a él directamente desde tu computadora. Lo último que debes hacer es simplemente conectar tu teléfono a tu computadora usando un cable USB . Deberías estar listo para irte ahora cuando estés en Android Studio y haces clic en el botón verde de reproducción para probar tu aplicación, verás tu teléfono listado en la lista de dispositivos disponibles. Observe cómo se muestra con un rectángulo azul en lugar de un morado para indicar que se trata de un dispositivo real . Ahora si no ves tu teléfono en esa lista, el problema probablemente sea con tu cable USB. No todos los cables USB Aire creado igual. Para ahorrar dinero, algunos fabricantes dejarán fuera cables en los cables Onley, incluyendo los necesarios para cargar tu dispositivo. Pero para poder conectarte a Android Studio, necesitas un cable USB de datos riel. La mejor opción es usar la que venía con tu teléfono. Ahora, una vez que tus dispositivos en la lista, si haces clic en Aceptar y la corriente se sacude y te da un mensaje de aire rojo, esto significa que la versión sdk mínima o versión android que seleccionaste para tu aplicación es mayor que la de su teléfono, lo que significa que su teléfono es demasiado viejo para ejecutar su aplicación. Pero eso podemos arreglarlo. Todo lo que tienes que hacer es ir hacia la izquierda y seleccionar la opción para genial todos los scripts, scripts Breydel o archivos que contengan información que Android studio utiliza para construir tu app. En este caso, vamos a querer la segunda opción de la lista, no el archivo de compilación de nivel superior, sino el que dice app de módulo. El 2do 1 aquí, verás que hay una versión de compilación STK y una versión de SDK mínima. Queremos cambiar la versión mínima a la que soporta tu teléfono. Una vez que hayas hecho eso, haz clic en el botón de hundir ahora y luego espera unos segundos mientras la aplicación se vuelve a sincronizar con el nuevo script. Una vez que esa barra de estado desaparezca, vuelve hacer clic en el botón verde de reproducción en la parte superior de la ventana. Seleccione su teléfono en la lista de dispositivos y haga clic en Aceptar. Android studio entonces te preguntará si quieres instalar la biblioteca de ejecución instantánea. Instalar esta biblioteca en tu dispositivo te permitirá copiar cambios de Android Studio a tu dispositivo con mucha más rapidez. Pero por ahora, sólo diremos que proceda sin ella. Siempre puedes agregarla más tarde. Estudio Android. Después comienza a construir tu aplicación, y una vez terminada, instalará en tu teléfono y podrás probarla de la misma manera que podrás usar el emulador. No obstante, lo bueno de esto es que la aplicación ahora está instalada permanentemente en tu teléfono hasta que elimines para que puedas desconectar el cable USB y mostrarle a tus amigos y familiares la gran app de Android que creaste 7. Hacer que la aplicación más interesante: Ahora, hagamos que nuestra app sea un poco más útil. Por lo que volveremos a pasar a la pestaña Java. Y en lugar de simplemente configurar nuestro texto a este mensaje estático que vamos a usar cada vez, cambiémoslo un poco y hagámoslo para que nuestra app pueda contar una broma. Ahora, para configurar esto, vamos a usar algo llamado cuerdas. Una cadena es un tipo de contenedor que podemos usar en Java para contener algún texto. Por lo que crearemos algo llamado cadena final estática, que es una técnica que utilizamos un desarrollo android Will. Queremos crear una cadena que vamos a usar en algún lugar de nuestra aplicación, algún texto que vamos a usar, y queremos poder referirnos a ella por un nombre. En este caso, el nombre va a ser cuestionado. Uno. Y la cadena de preguntas. El texto que vamos a usar sólo será knock, knock. Esta será la primera pregunta de nuestro trabajo. Crearé otra cadena final estática llamada Respuesta Uno, y este es el texto que vamos a mostrar en nuestro botón. Entonces cuando presionemos este botón, será como si estuviéramos dando esta respuesta, y la respuesta será ¿Quién es su respuesta clásica para un golpe, golpe, mostrar la pregunta o luego responderá con la segunda pregunta, que será Boo. Y luego daremos la respuesta clásica al chiste de knock knock knock para Answer número dos, que será Boo Hoo. Y finalmente el cuestionador dará la línea de ponche para una pregunta tres. Cual será ¿Por qué lloras? No es la broma más divertida, pero demostrará el punto. Entonces están las cuerdas que vamos a usar para nuestro chiste contando. Vamos a seguir adelante y deshacernos de este viejo código que tenemos dentro de nuestro on click Candler. Y ahora, antes de configurar el manejador de clics, queremos crear el texto inicial tanto para el mensaje, la vista de texto como para el botón. Entonces vamos a configurar la vista de texto del mensaje para que comience con la Pregunta uno, y luego configuraremos el botón para que su texto empiece con Responder uno para que cuando iniciemos la aplicación, el mensaje diga Knock, tocan, y el botón dirá ¿Quién está ahí ahora? Anteriormente, cuando tocamos el botón, ejecutaría el Candler al hacer clic y cambiaría el texto del mensaje. Pero ahora vamos a querer cambiar el texto tanto del mensaje como del botón. Pero los vamos a cambiar por cosas diferentes, dependiendo de dónde estemos en la broma. En el corazón de nuestra gorra Joe estará un if state una sentencia If es un bloque de código que dice Si esta determinada condición es verdadera, entonces ejecute todo el código dentro de este bloque. También podemos etiquetar en una declaración else que dice, Si esa condición no es cierta, entonces en su lugar deberíamos hacer este otro bloque de código. Es así como vamos a configurar nuestra aplicación de chiste de knock knock knock. Entonces dentro de nuestro manejador de clics para nuestro botón, vamos a usar una sentencia if y averiguar cuál es el valor actual de los mensajes de texto mediante el uso de la función get text lo comparará entonces con nuestra primera pregunta. Si esos son los mismos, entonces eso significa que es hora de pasar a la segunda parte del trabajo. Aviso dentro de nuestra declaración if de que tenemos que usar un signo doble igual para probar si dos cosas son iguales. Eso se debe a que un solo signo igual hará que una cosa sea igual a otra, mientras que un signo doble igual simplemente comparará si son iguales. Entonces si nuestro texto de mensaje está actualmente en la primera parte de la pregunta, queremos establecer el texto del mensaje en la segunda parte de la pregunta, y luego queremos ajustar el texto del botón a la segunda parte de la respuesta. Entonces ahora nuestro mensaje de pregunta debería decir, Boo y nuestro mensaje de botón dirán Boo hoo Ahora cuando volvamos a tapar el botón querrán pasar a la siguiente parte de la broma. Por lo que vamos a añadir otra pregunta aquí usando else. Si eso dirá, si la primera condición no es verdadera, entonces vamos a comprobar el 2do 1 para ver si el mensaje está actualmente establecido en la segunda pregunta. Ahora, si eso es cierto, entonces vamos a establecer la vista de texto en la tercera parte de la pregunta, y pondremos el texto de botón en la tercera parte de la respuesta. Entonces en este caso, el mensaje de texto ahora debería decir: ¿Por qué lloras? En realidad no tenemos 1/3 parte de la respuesta para el botón. En cambio, queremos el dedo del pie del botón. Empecemos de nuevo la broma así que vamos a añadir la tercera respuesta String a la parte superior aquí, estableciendo otra cadena final estática y sólo tendremos que es un comienzo de nuevo. Y luego si estamos en la parte final de la broma donde se muestra el texto del mensaje, la línea de ponche cambiará el texto del botón para decir: Empieza de nuevo. Agregaremos aquí una cláusula else final para que si ahora estamos en la última parte de la broma, volvamos a ajustar la vista de texto a la primera parte de la broma y el botón de nuevo a la primera parte de la respuesta. De esta manera podemos pasar por la broma tantas veces como queramos, y siempre empezará de nuevo desde el principio. Entonces repasemos brevemente lo que hemos hecho primero. Aquí en la parte superior, creamos un montón de cuerdas finales estáticas. Poder recorrer en bicicleta es parte de nuestra broma. Configuramos las cadenas iniciales que son vista de texto y nuestro botón usaría. Entonces, en nuestro manejador on click, configuramos un montón de expresiones condicionales usando sentencias if para poder cambiar el texto de la vista de texto y el botón dependiendo de en qué parte de la broma estamos. Entonces ahora vamos a probarlo. Haga clic en el botón verde en la parte superior de la pantalla, seleccione su emulador su dispositivo y haga clic en Aceptar, Y si no se muestran emuladores, selecciónelo. Y ahora podemos ver nuestro knock, knock, knock, chiste y solo top son button. Vamos a poder recorrer en bicicleta todas las diferentes partes de nuestra broma, y podemos correr por esto tantas veces como queramos. Entonces ahora ya sabes cómo funciona este proceso. Puedes entrar en el código y cambiar el texto de la broma solo cambiando estas cadenas de mensajes que creamos en la parte superior. O puedes cambiar todo el formato y hacer algo diferente cambiando cómo funciona la condición ALS, experimentar y publicar tus ideas en la clase 8. Hacer que la aplicación sea mejor: Entonces ahora que nuestra aplicación es más funcional, trabajemos en que sea un poco más agradable de aspecto. En primer lugar, vamos a darle estilo a este fondo. Entonces, en lugar de un fondo blanco liso, podríamos querer cambiar este color. Ahora lo notarás en la vista de propiedades. En realidad no hay propiedades relacionadas con el color de fondo. Eso se debe a que cuando hacemos clic en un ítem en el Diseñador, nos muestra solo las propiedades que piensa son más relevantes para ese tipo de control en particular . Si queremos ver todas las propiedades, podemos hacer click ya sea en el enlace View All Properties o en este doble conjunto de flechas en la parte superior. Una vez que lo hagamos, veremos el conjunto completo de propiedades relacionadas con la vista que hemos seleccionado. Voy a seguir adelante y dar clic en el fondo, y voy a establecer su color para usar el color oscuro primario. Ahora esos colores predefinidos se definen en el recurso es directorio. Debajo de la carpeta Valores, hay un archivo llamado Colors, y aquí dentro puedes ver tres colores definidos para nuestra app. El color primario, que se utiliza para la barra de acción en la parte superior de la pantalla. El color oscuro primario que acabamos de seleccionar. Y luego el color de acento, que se utiliza para controles que necesitan un acento para compensarlo del fondo. Ahora volviendo a nuestra pantalla de aplicación. Así que vamos a seleccionar nuestro texto y deshacernos de ese color rojo pálido y simplemente hacer que sea un blanco bonito y vamos a volver solo al conjunto estándar de propiedades, y vamos a hacer que ese texto sea un poco más grande. Hagámoslo 50 y no lo vamos a atrevir. Y en lugar de San Serif irá una luz Sand Saref, que es un dedo un poco más delgado de una fuente. Entonces ahora trabajemos en este botón. Entonces cuando hacemos clic en el botón, vemos que es un muy llano, pero no es el estilo de diseño de material estándar de botón. Si vamos aparecen al menú desplegable de estilo, vemos que hay algunas opciones diferentes entre las que podemos elegir. Seleccionemos la opción de color de botón compatible con AP. Notarás que el color del botón es ahora del mismo color que nuestro color de acento en nuestro archivo xml de colores dot. Entonces ahora que tenemos nuestro estilo de botón, vamos a seguir adelante y moverlo un poco, así que vamos a deslizarlo aquí abajo hasta que el diseño Aero muestre que es un desplazamiento desde abajo. Y luego si pasamos a la vista de texto, vemos que ahora la tenemos. Se trata de una línea al fondo con un margen de 89 píxeles. Si alguna vez ves este mensaje, solo puedes hacer clic en el botón de refrescar y normalmente eso aclarará las cosas. A veces el diseñador de maquetación se dessincroniza un poco con el XML. Hagamos el texto del botón un poco más grande cambiando el tamaño del texto. Ahora, si no te gustan las gorras All, lamer puedes Congo que en la propiedad textil aquí, deja eso encendido y luego sigamos adelante y en realidad retocamos esto un poco más grande. Lo pondremos en 70. Entonces ahora sigamos adelante y ejecutemos la app en el emulador y veamos cómo se ve en un dispositivo real . Cuando eso esté hecho, edificio, lanzará aviso son knock knock knock joke text ¿no tocaron ese botón? Obtén nuestra respuesta. Podemos recorrer el chiste y nuestra fuente y nuestros colores se ven mucho mejor que antes de ahora. Un problema que tuvimos con nuestra app es que cada vez que el texto cambiaba para el botón, el botón cambia de tamaño. Eso se debe a que el diseño de botones con su conjunto para envolver contenido, lo que significa que será lo suficientemente ancho como para contener la cantidad de contenido dentro de él. Podemos arreglarlo configurándolo para que coincida con el padre. Eso dará el botón de tamaño fijo, que ocupará todo el ancho de la pantalla. Ahora eso podría ser demasiado grande en algunas situaciones, como ésta, donde parece un poco extraño. También noté que en modo paisaje son Botón viene hacia arriba, superponiendo el texto. Eso se debe al margen entre el botón y la parte inferior de la pantalla. Entonces arreglemos esos dos problemas Ahora. Podemos solucionar ambos problemas usando el margen de diseño. Pasemos a todas las propiedades, expandamos el margen de diseño y ajustemos el margen de diseño inferior a solo 10 píxeles de dispositivo, y estableceremos el izquierdo y el derecho en 30 que reducirán el tamaño del botón. Cambiamos un modo de paisaje. Ahora ya no estamos superponiendo el texto aquí arriba, y además ya no estamos extendiendo todo el camino hasta el borde de la pantalla. Hagamos un cambio más con nuestro texto. Haremos clic en eso y volveremos solo al conjunto estándar de propiedades, y lo cambiaremos de la fuente San Serif del dedo del pie claro, desigual, delgada usando el ajuste de fuente delgada Sand Saref. Eso hará que el texto sea más nítido y ocupe menos espacio, y ahora estamos listos para volver a probar. Ahora hay mucha otra personalización es que puedes hacer tu app, fuentes, colores, estilos, colores, estilos, estilos otros controles que puedes agregar, experimentar y divertirte y asegurarte de publicar una captura de pantalla de tu proyecto de la clase. 9. Conclusión: Enhorabuena. Acabas de hacer tu primera aplicación de Android que puedes ejecutar en tu propio teléfono o tablet y mostrarte a todos tus amigos y familiares. Así que juega con él. Trata de modificar el impuesto, los colores, el diseño en botones extra y funcionalidad, utilizando los patrones que cubrimos en las lecciones y publica una captura de pantalla de lo que has creado a la clase, compártelo con el mundo y echa un vistazo a algunas de mis otras clases de habilidad compartir donde puedes aprender a crear otras, más complejas después tanto para Android como para IOS. Gracias por ver.