¿Dónde está la vista previa del diseño de Android Studio?

Instalé Android Studio, pero cuando edito mis archivos de diseño, ¡no puedo encontrar la vista previa en vivo! Acabo de ver un archivo XML. ¿Cómo puedo ver mi diseño en vista gráfica?

Actualización: así es como se ve en mi caso:

ACTUALIZACIÓN 2 (2020-03-16)

La versión más reciente de Android Studio cambió la ubicación de este botón. Ahora, si desea ver la vista previa del diseño del diseño, deberá presionar uno de los botones en la parte superior derecha de su xml. El botón que parece un icono de imagen abrirá el panel de diseño, mientras que el botón al lado abrirá la vista dividida donde se ubica el diseño junto al código XML:

ORIGINAL (21/05/2013)

Debería tener un Designbotón al lado del Textbotón debajo del editor de texto xml:

O puede usar el Previewbotón en la esquina superior derecha para agregar una ventana de vista previa al lado del código XML:

ACTUALIZAR:

Si no lo tiene, haga esto: View-> Tool Windows->Preview

Varias personas parecen tener el mismo problema. El problema es que el IDE solo muestra la vista previa si edita un archivo de diseño en el res/layout*directorio de un proyecto de Android.

En particular, no se mostrará si edita un archivo, build/res/layout*ya que no se trata del directorio fuente sino del directorio de salida . En su caso, está editando un archivo en el build/directorio ...

La carpeta de recursos se configura automáticamente y se puede ver (y cambiar) en Estructura del proyecto> Módulos> [Nombre del módulo]> Android> Directorio de recursos.

En caso de que eso ayude a alguien, tuve el mismo problema hoy donde faltaban las pestañas 'diseño / texto'. Había cambiado al tema oscuro y pensé que tal vez ese era el problema, así que volví a Preferencias / Apariencia (en la configuración de IDE) volví a Tema predeterminado y eso restableció todo correctamente para mí. También podría cambiar nuevamente al tema Darcula y las pestañas todavía estaban allí, por lo que parece que cambiar de tema es una forma de restablecer las ventanas / pestañas IDE.

1. Seleccione el archivo MainActivity.java del panel izquierdo, como se muestra en el rectángulo de color rojo.

2. Haga clic izquierdo en el icono de etiqueta XML como se muestra en el círculo de color rojo.

3. Seleccione la opción "activity_main.xml (layout)" que se muestra resaltada en la figura siguiente.

Lo siguiente funcionó para mí:

-> archivo

-> configuración

-> complementos

-> deshabilitar el complemento de soporte de Android

-> se le pedirá que reinicie

-> una vez reiniciado, vuelva a habilitar el complemento y otros complementos de dependencia que podrían haberse desactivado en el proceso

-> se te pedirá que reinicies una vez más. Esperemos que cuando Android Studio se reinicie por segunda vez, se muestre la vista previa.

Encontré 2 opciones rápidas para solucionar esto:

1. Simplemente ingrese en la búsqueda "Vista previa" y le mostrará un único resultado. Simplemente haga clic en él y la vista previa aparece nuevamente :)
2. Tire de la línea del lado derecho y aparecerá la ventana. Es un poco de cambio de tamaño.

¡Feliz codificación!

Para aquellos que luchan en Android Studio 3.6 :

Vaya a Archivo-> Invalidar cachés / reiniciar.

Esto resolverá el problema.

Tengo el mismo problema después de importar mi proyecto Eclipse ADT a Android Studio. Pestañas de texto y diseño donde faltan.

Encontré mi ventana de registro de eventos que dice "Marcos detectados: el marco de Android se detecta en el proyecto Configurar"

Hago clic en el hipervínculo proporcionado y todo se solucionó, las pestañas Texto y Diseño se volvieron visibles y funcionales

Navegue hasta el archivo -> Estructura del proyecto -> módulos -> haga clic en el botón verde más para agregar un módulo.

Seleccione un nuevo módulo -> seleccione el Módulo de aplicación en la opción de Android -> indique el nombre del módulo -> siguiente -> siguiente -> finalizar

Seleccione el proyecto que se incluirá en el módulo -> haga clic en aplicar -> está bien

Ahora podrá ver la estructura completa del proyecto; luego abra la ventana del proyecto de formulario de módulo (el panel izquierdo), seleccione res y luego seleccione diseño -> su nombre de diseño (.xml).

Ahora podrá ver la vista de diseño y la vista de texto tanto ...

Como dijo Etienne, asegúrese de que el archivo XML que está viendo esté en src/main/res/layout

Tuve el mismo problema. Si está en un archivo de diseño en el builddirectorio, no verá una vista previa, ni la tendrá como opción para habilitarla. Ojalá Google tuviera una leve advertencia al respecto.

en primer lugar después de crear la nueva aplicación

ir a java-> MainActivity

y abra una nueva pestaña para ello

En el código de Java, haga clic en las numeraciones de índice donde puede ver el logotipo del código

como un círculo rojo en la imagen

haga clic izquierdo sobre él y verá dos opciones como se muestra en la imagen de abajo

haga clic en la primera opción para que pueda obtener una vista previa de su aplicación en Android Studio

Si desea ver la vista previa en vivo , en la parte derecha de la pantalla debe tener un botón llamado Vista previa que muestra / oculta la vista previa en vivo.

Si lo que desea es usar el modo de editor WYSISYG, en la parte inferior del editor hay una pestaña que cambia entre el modo XML y el modo WYSISYG .

Esto funciona de la misma manera tanto en IntelliJ como en Android Studio.

Tuve el mismo problema y lo resolví editando el archivo t en src> main> res> layout. Puede elegir entre los modos de prueba y diseño en la parte inferior del editor.

¡Muy simple si sabemos dónde buscar! ¡Pasa algunas horas descubriéndolo!

Tuve este problema hace un par de horas cuando exporté mis proyectos de Eclipse a Android Studio. Desafortunadamente, las mejores respuestas aquí no funcionaron para mí.

De todos modos, crear un nuevo proyecto en lugar de abrir uno viejo me sirvió como lo que Thomas Kaliakos mencionó en su comentario aquí

Tuve que perder el tiempo con el proyecto ... y en algún momento funcionó. Aunque no sé cómo. Supongo que crear un nuevo proyecto y agregar su código fuente funcionaría siempre. Perdón por no ser muy claro, pero sinceramente me sorprendió incluso a mí mismo que funcionó. - Thomas Kaliakos 15 de octubre de 13 a 4:08

En caso de que desee el modo acoplado, (todavía visible mientras se edita el archivo xml), y usted, por error, hizo clic y el modo acoplado sin marcar. Para recuperarlo, debe centrarse en la vista previa y hacer clic Window > Active Tool Window > Docked Mode.

Si ve un mensaje en la parte inferior que dice algo como "Android Framework detectado. Haga clic para configurar", HÁGALO.

Después de hacer esto, aparecieron mis pestañas inferiores de Texto y diseño.

En mi caso, no tengo la pestaña Diseño o Vista previa .

Tratar

• Configure el proxy correctamente para descargar los componentes necesarios.
• Configure la ruta android-sdk para que no contenga caracteres de espacio
• Reinicie Android Studio en modo Administrador

1. Vaya a Archivo-> Invalidar cachés / reiniciar . Después de reiniciar, aparecerá la ventana de vista previa.

2. Aún así la ventana de vista previa no está abierta, vaya a Ver -> Ventana de herramientas -> haga clic en Vista previa

Vaya a Archivo> Configuración> Apariencia y comportamiento> Apariencia> Mostrar barras de ventanas de herramientas

Estoy usando Android Studio 3.3 y este método funcionó para mí: abra la configuración del archivo / configuración desde el panel izquierdo, seleccione Editor y luego Editor de diseño, luego, desde el panel derecho, desactive la tercera opción que es "Ocultar ventana de vista previa al editar archivos que no son de diseño" y luego presione aplicar, entonces está bien. luego vaya a la vista / ventana de herramientas / la vista previa está habilitada ahora en la pestaña de diseño del diseño XD. No olvide votar y marque esta respuesta como la respuesta correcta. Feliz codificación

Archivo >> configuración >> Compilador >> JavaCompiler En "Project bytecode version (deje en blanco para jdk predeterminado):" elija su jdk.