Où se trouve l'aperçu de la mise en page Android Studio?

J'ai installé Android Studio, mais lorsque je modifie mes fichiers de mise en page, je ne trouve pas d'aperçu en direct! Je vois juste un fichier XML. Comment puis-je voir ma mise en page en vue graphique?

Mise à jour: voici à quoi cela ressemble dans mon cas:

MISE À JOUR 2 (16/03/2020)

La nouvelle version d'Android Studio a modifié l'emplacement de ce bouton. Maintenant, si vous voulez voir l'aperçu de la conception de la mise en page, vous devrez appuyer sur l'un des boutons en haut à droite de votre xml. Le bouton qui ressemble à une icône d'image ouvrira le tableau de bord de conception, tandis que le bouton à côté ouvrira la vue fractionnée où le dessin est placé à côté du code XML:

ORIGINAL (21/05/2013)

Vous devriez avoir un Designbouton à côté du Textbouton sous l'éditeur de texte xml:

Ou vous pouvez utiliser le Previewbouton dans le coin supérieur droit pour ajouter une fenêtre d'aperçu à côté du code XML:

METTRE À JOUR:

Si vous ne l'avez pas, faites ceci: View-> Tool Windows->Preview

Plusieurs personnes semblent avoir le même problème. Le problème est que l'EDI affiche uniquement l'aperçu si vous modifiez un fichier de mise en page dans le res/layout*répertoire d'un projet Android.

En particulier, il ne montrera pas si vous éditez un fichier build/res/layout*car il ne s'agit pas d' un répertoire source mais d'un répertoire de sortie . Dans votre cas, vous modifiez un fichier dans lebuild/ répertoire ...

Le dossier Ressource est défini automatiquement et peut être affiché (et modifié) dans Structure du projet> Modules> [Nom du module]> Android> Répertoire des ressources.

Au cas où cela aiderait quelqu'un, j'ai eu le même problème aujourd'hui où les onglets «conception / texte» manquaient. J'étais passé au thème sombre et pensais que c'était peut-être le problème, alors je suis retourné à Préférences / Apparence (sous les paramètres de l'IDE), je suis revenu au thème par défaut, et cela a tout réinitialisé correctement pour moi. Je pourrais également basculer à nouveau sur le thème Darcula et les onglets étaient toujours là, il semble donc que le changement de thème soit un moyen de réinitialiser les fenêtres / onglets de l'EDI.

1. Sélectionnez le fichier MainActivity.java dans le volet gauche, comme indiqué dans le rectangle de couleur rouge.

2. Cliquez avec le bouton gauche sur l'icône de balise XML comme indiqué dans le cercle de couleur rouge.

3. Sélectionnez l'option "activity_main.xml (layout)" indiquée en surbrillance dans la figure ci-dessous.

Ce qui suit a fonctionné pour moi:

-> fichier

-> paramètres

-> plugins

-> désactiver le plugin de support Android

-> vous serez invité à redémarrer

-> une fois redémarré, réactivez le plugin et les autres plugins de dépendance qui auraient pu être désactivés dans le processus

-> vous serez invité à redémarrer à nouveau. Espérons que lorsque le studio Android redémarre la deuxième fois, l'aperçu devrait être rendu.

J'ai trouvé 2 options rapides pour résoudre ce problème:

1. Entrez simplement dans la recherche "Aperçu" et il vous montrera un seul résultat. Cliquez simplement dessus et l'aperçu apparaît à nouveau :)
2. Tirez sur la ligne de droite et la fenêtre apparaîtra. C'est un peu redimensionné.

Bon codage!

Pour ceux qui éprouvent des difficultés dans Android Studio 3.6 :

Allez dans Fichier-> Invalidate Caches / Restart.

Cela résoudra le problème.

J'ai eu le même problème après avoir importé mon projet Eclipse ADT dans Android Studio. Onglets de texte et de conception manquants.

La fenêtre de mon journal des événements a été trouvée: "Frameworks détectés: le framework Android est détecté dans le projet Configure"

Je clique sur l'hyperlien fourni et tout a été corrigé, les onglets Texte et Conception sont devenus visibles et fonctionnels

Accédez au fichier -> Structure du projet -> modules -> cliquez sur le bouton plus vert pour ajouter un module.

Sélectionnez un nouveau module -> sélectionnez le module d'application dans l'option Android -> donnez un nom de module -> suivant -> suivant -> terminer

Sélectionnez le projet à inclure dans le module -> cliquez sur Appliquer -> OK

Vous pourrez maintenant voir la structure complète du projet; puis ouvrez la fenêtre de projet de formulaire de module (le panneau de gauche), sélectionnez res puis sélectionnez layout -> votre nom de disposition (.xml).

Vous pourrez maintenant voir la vue de conception et la vue de texte à la fois ...

Comme le disait Etienne, assurez-vous que le fichier XML que vous regardez est src/main/res/layout

J'ai eu le même problème. Si vous êtes dans un fichier de mise en page dans le buildrépertoire, vous ne verrez pas d'aperçu et vous ne l'aurez pas non plus comme option à activer. Je souhaite que Google ait un léger avertissement à ce sujet.

tout d'abord après avoir créé la nouvelle application

allez dans java-> MainActivity

et ouvrez un nouvel onglet pour cela

Dans le code java, cliquez sur les numéros d'index où vous pouvez voir le logo du code

comme rouge encerclé sur l'image

faites un clic gauche dessus et vous verrez deux options comme indiqué dans l'image ci-dessous

cliquez sur la première option pour pouvoir prévisualiser votre application dans le studio Android

Si vous voulez voir l' aperçu en direct , dans la partie droite de l'écran, vous devriez avoir un bouton d'appel Aperçu qui affiche / masque l'aperçu en direct.

Si vous voulez utiliser le mode éditeur WYSISYG, en bas de l'éditeur il y a un onglet qui bascule entre le mode XML et le mode WYSISYG .

Cela fonctionne de la même manière dans IntelliJ et Android Studio.

J'ai eu le même problème et résolu en éditant le fichier t dans src> main> res> layout. Vous pouvez choisir entre les modes Test et Conception en bas de l'éditeur.

Assez simple si on sait où chercher !!! passer quelques heures à le découvrir !!!

J'ai eu ce problème il y a quelques heures lorsque j'ai exporté mes projets d'Eclipse vers Android Studio. Malheureusement, les meilleures réponses ici n'ont pas fonctionné pour moi.

Quoi qu'il en soit, créer un nouveau projet au lieu d'ouvrir un ancien a fait l'affaire pour moi comme ce que Thomas Kaliakos a mentionné dans son commentaire ici

J'ai dû jouer avec le projet ... et à un moment donné, cela a fonctionné. Je ne sais pas comment. Je suppose que la création d'un nouveau projet et l'ajout de votre code source fonctionneraient à chaque fois. Désolé de ne pas être très clair, mais honnêtement, j'ai été surpris moi-même que cela fonctionne. - Thomas Kaliakos 15 octobre 13 à 4:08

Dans le cas où vous voulez le mode ancré, (il est toujours visible lors de l'édition du fichier xml), et vous, par erreur, avez cliqué et non marqué le mode ancré. Pour le récupérer, vous vous concentrez sur l'aperçu et cliquez sur Window > Active Tool Window > Docked Mode.

Si vous voyez un message en bas disant quelque chose comme "Android Framework détecté. Cliquez pour configurer", FAITES-LE.

Après cela, mes onglets inférieurs Texte et Conception sont apparus.

Dans mon cas, je n'ai pas d' onglet Conception ou Aperçu .

Essayer

• Configurez correctement le proxy pour télécharger les composants nécessaires
• Configurez le chemin android-sdk pour qu'il ne contienne aucun caractère d'espace
• Redémarrez Android Studio en mode administrateur

1. Allez dans Fichier-> Invalidate Caches / Restart . Après le redémarrage, la fenêtre d'aperçu apparaîtra.

2. La fenêtre d'aperçu n'est toujours pas ouverte, allez dans Affichage -> Fenêtre d'outils -> cliquez Aperçu

Allez dans Fichier> Paramètres> Apparence et comportement> Apparence> Afficher les barres de la fenêtre d'outils

J'utilise Android studio 3.3 et cette méthode a fonctionné pour moi: ouvrez les paramètres du fichier / paramètres du panneau de gauche, sélectionnez l'éditeur puis l'éditeur de mise en page, puis dans le panneau de droite, décochez la troisième option qui est "Masquer la fenêtre d'aperçu lors de l'édition de fichiers non-mise en page" puis appuyez sur appliquer puis ok. puis allez à la vue / fenêtres d'outils / aperçu est activé maintenant dans l'onglet conception de la mise en page XD. N'oubliez pas de voter et de marquer cette réponse comme la bonne réponse. Bon codage.

Fichier >> paramétrage >> Compilateur >> JavaCompiler Dans "Version bytecode du projet (laissez vide pour jdk par défaut):" choisissez votre jdk.