Los últimos meses han sido un momento emocionante para Android Studio. Primero llegó la versión 2.1 con soporte para Android N. Luego, Google I / O nos ofreció una vista previa de la próxima versión principal en forma de Android Studio 2.2 Preview 1, solo para que esta sea rápidamente reemplazada por Preview 2, que contenía algunos errores importantes. correcciones y otras mejoras.
En este artículo vamos a echar un vistazo más de cerca a las novedades de Android Studio 2.2. Y si aún no tiene la última versión preliminar de Android Studio 2.2, este es el momento perfecto para capturarlo desde la página de Canary.
Una de las características más obvias introducidas en Android Studio 2.2 es el nuevo editor de diseño. De hecho, cuando inicie Android Studio 2.2 Preview por primera vez, es posible que le sorprenda lo diferente que se ve el editor.
La primera adición clara al editor de diseño de Android Studio es un modo de plano que oculta temporalmente los detalles más finos de su diseño, por lo que es libre de examinar el espaciado y la disposición de su interfaz de usuario sin distracciones. Para ver el modo de plano en acción, asegúrese de tener Android Studio Diseño pestaña seleccionada y luego haga clic en el Mostrar plano Icono (donde el cursor está posicionado en la captura de pantalla a continuación).
Ya que tienes la Diseño pestaña seleccionada, también debería notar otra nueva adición al editor de diseño, el Propiedades panel a la derecha.
Seleccione cualquier vista en su diseño y Propiedades El panel mostrará las propiedades más importantes para esta vista en particular, como su ancho, descripción del contenido
, e incluso el contenido de la vista si selecciona algo como un Vista de texto
o ImageView
. Puede editar todas estas propiedades directamente en el Propiedades panel.
La nueva característica final que tiene un papel importante que desempeñar en el editor de diseño renovado de Android Studio es un poco especial. De hecho, es tan especial que merece su propia sección. estoy hablando de RestricciónLayout
.
RestricciónLayout
RestricciónLayout
es un administrador de diseño flexible que fue diseñado especialmente para el nuevo editor de diseño de Android Studio.
Este nuevo diseño le permite definir el diseño de cada vista en función de su relación con otros elementos de su diseño. Esto significa que puede crear interfaces de usuario complejas sin tener que recurrir a anidar múltiples diseños, lo cual es siempre malas noticias para el rendimiento de tu aplicación.
Si todo esto suena un poco familiar, entonces es porque RestricciónLayout
es fundamentalmente similar a Disposición relativa
. sin embargo, RestricciónLayout
es más flexible que Disposición relativa
, Además, tiene el beneficio adicional de estar diseñado para funcionar perfectamente con el nuevo y brillante editor de diseño de Android Studio..
La salsa secreta que podría hacer. RestricciónLayout
tu nuevo diseño favorito son restricciones. Las restricciones le permiten dictar cómo se coloca una vista en la pantalla en relación con otros elementos de la interfaz de usuario. Por ejemplo, conectando la parte superior de ImageView1
al fondo de ImageView2
significa que ImageView1
siempre aparece debajo ImageView2
. También puede crear restricciones entre una vista y su contenedor primario. Por ejemplo, podría conectar el lado derecho de un Vista de texto
al borde derecho de su padre RestricciónLayout
.
Para ayudarte a comenzar, Android Studio 2.2's Nuevo proyecto asistente utiliza RestricciónLayout
como el diseño predeterminado para muchas de sus plantillas de proyectos.
Para crear un nuevo archivo de recursos de diseño que admita RestricciónLayout
, cree el archivo como lo hace normalmente haciendo clic derecho en el Diseño directorio y seleccionando Nuevo> Archivo de recursos de diseño. Luego, abra este archivo de diseño y establezca su raíz en:
Alternativamente, puede convertir cualquier diseño a un
RestricciónLayout
abriendo ese diseño, asegurándose de que Android Studio Diseño La pestaña está seleccionada, haciendo clic derecho en el diseño y seleccionando Convertir a RestricciónDisposición Desde el menú contextual que aparece..Si tiene un proyecto creado con una versión anterior de Android Studio que desea actualizar para que sea compatible
RestricciónLayout
, entonces solo necesitas agregar elRestricciónLayout
biblioteca al archivo build.gradle a nivel de módulo de su proyecto:dependencias … compile 'com.android.support.constraint: diseño-restricción: 1.0.0-alpha2'Una vez que tenga un proyecto y un archivo de recursos de diseño que admita
RestricciónLayout
, estás listo para empezar a trabajar con restricciones.Creación de restricciones
El nuevo editor de diseño se lanza con Autoconectar habilitado de forma predeterminada, lo que significa que Android Studio crea automáticamente una o más restricciones para cada vista que agregue a su diseño.
Para activar Autoconnect, simplemente suelte una vista en un
RestricciónLayout
y arrastre esa vista alrededor. Tan pronto como se libera esa vista, Autoconnect se activa y crea algunas restricciones con un poco de animación animada..La conexión automática es útil para crear algunas restricciones rápidas, pero tiene sus limitaciones. Por ejemplo, Autoconnect solo puede crear restricciones entre vistas vecinas.
Si Autoconnect no crea el tipo de restricciones que tenía en mente, siempre puede agregar, eliminar o editar restricciones manualmente. Si decide ir por la ruta manual, generalmente es más fácil desactivar la Conexión automática por adelantado seleccionando Desactivar Autoconectarse Icono (donde el cursor está posicionado en la captura de pantalla a continuación).
Para crear una restricción manualmente, seleccione la vista a la que desea agregar la restricción. Notará que aparecen pequeños círculos alrededor del borde de la vista. Estos son los controles de restricción de la vista..
Pase el cursor sobre el controlador donde desea crear la restricción, luego haga clic y arrastre. La manija brotará una flecha, que luego puede arrastrar a:
Otra vista: Arrastre el controlador hacia la segunda vista. Cuando estás posicionado correctamente, un Suelte para crear ... Aparecerá información sobre herramientas. Para crear su restricción, simplemente suelte el controlador.
Edge of the Parent ConstraintLayout: Arrastre el asa hacia el borde de la
RestricciónLayout
. Cuando ves el Suelte para crear ... . información sobre herramientas, suelte el controlador para finalizar la restricción.Si agrega restricciones opuestas a una vista, entonces la vista normalmente estará centrada entre estos dos puntos. El editor de diseño muestra estas fuerzas opuestas, utilizando líneas irregulares.
Eliminar una restricción
Cuando se trata de eliminar restricciones, tiene algunas opciones:
Eliminar todas las restricciones de una vista particular: Seleccione la vista y luego haga clic en Eliminar restricciones icono que aparece justo debajo de esa vista.
Eliminar todas las restricciones de su diseño: Haga clic en el Borrar todas las restricciones icono que aparece en la pequeña barra de herramientas directamente encima de la Diseño ventana.
Eliminar una restricción única: Seleccione la vista y luego desplace el puntero del ratón sobre la restricción que desea eliminar. Cuando ves el Haga clic para eliminar ... información sobre herramientas, simplemente haga clic con el mouse y la restricción desaparecerá en el aire.
Una vez que comienzas a trabajar con restricciones, Propiedades El panel viene en bastante útil. Te permite especificar el tamaño exacto de tus restricciones.
Cuando selecciona una vista, aparece como un cuadrado en el Propiedades Panel con las restricciones de la vista representadas como líneas. Cada restricción va acompañada de un número que representa la longitud de esa restricción.
Puede ajustar la longitud de cada restricción moviéndose sobre el número de esa restricción hasta que se convierta en un menú desplegable. A continuación, puede seleccionar un nuevo valor de ese menú desplegable.
Si selecciona una vista que tiene restricciones opuestas, el Propiedades El panel también contendrá un control deslizante que puede usar para posicionar la vista a lo largo del eje de esas restricciones opuestas.
3. Integración Firebase
Firebase es un nuevo conjunto de servicios para ayudarlo a desarrollar aplicaciones de alta calidad que le harán ganar una audiencia amplia y encantadora. Las vistas previas de Android Studio introducen la integración de Firebase, por lo que puede agregar servicios de Firebase a su proyecto sin tener que abandonar el IDE..
Para agregar Firebase a su proyecto, haga clic en Herramientas> Firebase en la barra de herramientas de Android Studio. Esto abre el nuevo Asistente ventana. En esta ventana, puede hacer clic en cualquier función para ver más información sobre esa función en particular, aunque su primer paso generalmente será configurar Firebase Analytics, Como esto proporciona una base sólida para explorar servicios adicionales de Firebase.
La mejor manera de comenzar a utilizar Firebase Analytics es hacer clic en Comience con Firebase Analytics enlace en el Asistente ventana. Esto lo guiará a través del proceso de conexión de su aplicación a Firebase.
4. Analizador de APK
Esta herramienta lo ayuda a reducir el tamaño de su APK al permitirle verificar el tamaño del archivo en bruto y el tamaño de descarga estimado de cada componente que conforma su APK. Con esta información, puede concentrarse en áreas en las que podría perder un exceso de bytes. El analizador de APK también es útil para verificar que tu APK contiene todo lo que esperas.
Para usar el Analizador de APK, seleccione Construir> Analizar APK ... seguido de la APK que desea echar un vistazo más de cerca. La salida del analizador de APK aparecerá en la ventana principal de Android Studio, lista para que explore los diversos componentes que conforman el APK..
5. Explorador de muestras
Si ha golpeado un muro de ladrillos en su proyecto, ahora puede recurrir al navegador de muestras de Android Studio para inspirarse. Para acceder a esta función, resalte una variable, tipo o método en su proyecto, haga clic derecho y seleccione Encontrar código de muestra desde el menú contextual. Android Studio buscará todas las veces que el código resaltado surja en las muestras de código de Android de Google y mostrará todas estas coincidencias en un cuadro de bandeja de salida debajo de la ventana de edición principal.
6. Más características del lenguaje Java 8
La introducción de la cadena de herramientas Jack significa que puede comenzar a usar las características de Java 8 en sus proyectos de Android. Para habilitar las características de lenguaje Java 8 y Jack, abra el archivo build.gradle a nivel de módulo de su proyecto y agregue lo siguiente:
android … defaultConfig … jackOptions enabled true compileOptions sourceCompatibility JavaVersion.VERSION_1_8 targetCompatibility JavaVersion.VERSION_1_8Para obtener información más detallada sobre las características de Java 8 compatibles con Android Studio, consulte la documentación oficial de Android.
7. Inspector de diseño
Puede usar el inspector de diseño para explorar y depurar una instantánea de su diseño mientras se ejecuta en un dispositivo virtual de Android (AVD) o un dispositivo físico de Android. Para capturar una instantánea, asegúrese de que el diseño que desea analizar esté visible en su emulador o dispositivo Android conectado. A continuación, abra Android Studio's Monitor de android pestaña en la parte inferior de la pantalla y seleccione Inspector de diseño icono.
8. Visor de manifiesto fusionado
Ahora es mucho más fácil descubrir cómo se fusiona su Manifest con las dependencias de su aplicación en las variantes de compilación de su proyecto. Visor de manifiesto fusionado en Android Studio 2.2. Para acceder al Visor de manifiesto fusionado, abra el proyecto AndroidManifest.xml y seleccione el nuevo Manifiesto fusionado lengüeta.
Conclusión
Si las vistas previas son algo para pasar, entonces Android Studio 2.2 se perfila como un gran paso adelante para el IDE de Android. Aunque es probable que las nuevas características cambien entre ahora y la versión final, son una mejora tan grande para Android Studio que vale la pena invertir algo de tiempo para familiarizarse con estas nuevas características ahora..
Y, si pasa algún tiempo explorando estas vistas previas, entonces asegúrese de ayudar al equipo de Android Studio e informar cualquier problema que encuentre.