Del mismo modo, Android Studio IDE (Entorno de desarrollo integrado) IntelliJ IDEA de JetBrains , veremos cómo extraer fácilmente la interfaz de usuario diseñada en Adobe XD a Android Studio.
Implementación paso a paso
Paso 1: en primer lugar, debe crear un diseño de interfaz de usuario de su aplicación en Adobe XD como se muestra a continuación.
Paso 2: Ahora seleccione la interfaz de usuario que desea extraer y presione ctr + E y seleccione Android. Seleccione la carpeta deseada a la que desea exportar y presione Exportar.
Extracción de la interfaz de usuario a Android
Paso 3: ahora, cuando abra la carpeta «Activos», observará que la interfaz de usuario se almacena en diferentes carpetas de diferentes tamaños (es decir, hdpi, ldpi, mdpi, etc.).
Carpeta de activos
Paso 4: Ahora abra Android Studio y vaya al Administrador de recursos presente en el lado izquierdo de su pantalla.
Administrador de recursos en Android Studio
Paso 5: Ahora abra la Carpeta de activos que se guardó anteriormente y seleccione todos los elementos en la carpeta y haga «Arrastrar y soltar» en el Administrador de recursos.
Después de arrastrar y soltar , verá algo como esto
Paso 6: Haga clic en Siguiente > Importar . Ahora, para verificar si ha importado correctamente todos los archivos, vaya al archivo XML y pruébelo colocando los archivos como imágenes de fondo.
Aquí la vista de texto ‘Fondo está configurado en @drawable/welcome_back
Salida resultante
Paso 7: también puede ver si la interfaz de usuario se extrajo correctamente al verificar la carpeta dibujable.
Comprobación de la interfaz de usuario en la carpeta Drawable
Publicación traducida automáticamente
Artículo escrito por phanitejau y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA