Wo ist die Layoutvorschau für Android Studio?


177

Ich habe Android Studio installiert, aber wenn ich meine Layoutdateien bearbeite, kann ich keine Live-Vorschau finden! Ich sehe nur eine XML-Datei. Wie kann ich mein Layout in einer grafischen Ansicht sehen?

Update: So sieht es in meinem Fall aus:

Geben Sie hier die Bildbeschreibung ein


5
Die Datei, die Sie bearbeiten, befindet sich nicht im Ressourcenverzeichnis ...
etienne


4
Gehen Sie zuView -> Tool Windows -> Preview
onmyway133

Für mich fehlte die gesamte Symbolleiste, die ich aktivieren musste View -> Toolbar Buttons.
FirstOne

Antworten:


353

UPDATE 2 (2020-03-16)

Die neuere Android Studio-Version hat den Speicherort dieser Schaltfläche geändert. Wenn Sie nun die Vorschau des Layoutdesigns sehen möchten, müssen Sie eine der Schaltflächen oben rechts in Ihrer XML-Datei drücken. Die Schaltfläche, die wie ein Bildsymbol aussieht, öffnet das Design-Dashboard, während die Schaltfläche daneben die geteilte Ansicht öffnet, in der das Design neben dem XML-Code platziert wird:

Geben Sie hier die Bildbeschreibung ein

ORIGINAL (21.05.2013)

Sie sollten eine DesignSchaltfläche neben der TextSchaltfläche unter dem XML-Texteditor haben:

Geben Sie hier die Bildbeschreibung ein

Oder Sie können die PreviewSchaltfläche in der oberen rechten Ecke verwenden, um ein Vorschaufenster neben dem XML-Code hinzuzufügen:

Geben Sie hier die Bildbeschreibung ein

AKTUALISIEREN:

Wenn Sie es nicht haben, dann tun Sie dies: View-> Tool Windows->Preview

Geben Sie hier die Bildbeschreibung ein


41
Ich habe diese Optionen überhaupt nicht !!
Fcoder

3
Ich habe meine Frage aktualisiert und meinen Screenshot eingefügt. Ich lade es vor kurzem herunter und ändere nichts!
Fcoder

6
Ich habe diese Option aber deaktiviert!
Omid

2
Danke dir! Meine Vorschau verschwand und ich konnte nicht herausfinden, wohin um alles in der Welt es ging (ich denke, eines meiner Kinder muss etwas getroffen haben). DANKE!
tm_forthefuture

5
Für alle, die die Vorschau in der Ansicht> Windows-Tool nicht sehen können,
MÜSSEN

45

Mehrere Leute scheinen das gleiche Problem zu haben. Das Problem ist, dass die IDE die Vorschau nur anzeigt, wenn eine Layoutdatei im res/layout*Verzeichnis eines Android-Projekts bearbeitet wird .

Insbesondere wird nicht angezeigt, ob eine Datei bearbeitet wird, build/res/layout*da es sich nicht um ein Quellverzeichnis, sondern um ein Ausgabeverzeichnis handelt . In Ihrem Fall bearbeiten Sie eine Datei im build/Verzeichnis ...

Der Ressourcenordner wird automatisch festgelegt und kann im Verzeichnis Projektstruktur> Module> [Modulname]> Android> Ressourcen angezeigt (und geändert) werden.


1
Vielen Dank. Sie haben viel Zeit gespart
Gaurav Vashisth

Es gibt keine Android-Registerkarte und keine Ressourcenfunktion, wie Sie beschreiben, zumindest im aktuellen aktuellen Android Studio 1.1.0- Link
Alexeev Valeriy

Ja, es scheint, dass Android Studio dies jetzt automatisch erledigt. Ich glaube, man kann eine Ausgabedatei nicht mehr versehentlich öffnen.
Etienne

17

Für den Fall, dass dies jemandem hilft, hatte ich heute das gleiche Problem, bei dem die Registerkarten "Design / Text" fehlten. Ich war zum dunklen Thema gewechselt und dachte, dass dies möglicherweise das Problem war. Also ging ich zurück zu Einstellungen / Darstellung (unter IDE-Einstellungen) und wechselte zurück zum Standardthema, wodurch alles für mich korrekt zurückgesetzt wurde. Ich könnte dann auch wieder zum Darcula-Thema wechseln und die Registerkarten waren noch vorhanden. Es scheint also, als wäre das Wechseln der Themen eine Möglichkeit, die IDE-Fenster / Registerkarten zurückzusetzen.


Boom! Danke dir. Ich hatte das gleiche Problem, als ich das Dracula-Thema verwendete, und musste zum Standardthema zurückkehren, damit die Registerkarten "Design" und "Text" unten angezeigt wurden. Prost.
Joshua Pinter

Mir fehlten die Registerkarten unten, dies funktionierte für mich mit der neuesten Version vom 25.9.13. Allerdings hat es mein Thema nicht zurückgeschaltet, nur das Code-Editor-Fenster .. immer noch ziemlich
fehlerhaft

17
  1. Wählen Sie im linken Bereich die Datei MainActivity.java aus (siehe rotes Rechteck).

  2. Klicken Sie mit der linken Maustaste auf das XML-Tag-Symbol, wie im roten Kreis angezeigt.

  3. Wählen Sie die in der folgenden Abbildung hervorgehobene Option "activity_main.xml (Layout)" aus.

Geben Sie hier die Bildbeschreibung ein


Vielen Dank! Dies wurde behoben.
Sumutiu Marius

Das ist die richtige Antwort. Ich habe 20 Minuten gebraucht, um das Problem zu beheben.
Dan Zuzevich

12

Folgendes hat bei mir funktioniert:

-> Datei

-> Einstellungen

-> Plugins

-> Deaktiviere das Android Support Plugin

-> Sie werden aufgefordert, neu zu starten

-> Nach dem Neustart aktivieren Sie das Plugin und andere Abhängigkeits-Plugins, die möglicherweise im Prozess deaktiviert wurden, erneut

-> Sie werden aufgefordert, erneut zu starten. Hoffentlich sollte die Vorschau beim zweiten Neustart von Android Studio gerendert werden.


10

Ich habe 2 schnelle Optionen gefunden, um dies zu beheben:

  1. Geben Sie einfach in die Suche "Vorschau" ein und es wird ein einzelnes Ergebnis angezeigt. Einfach darauf klicken und die Vorschau erscheint wieder :)
  2. Ziehen Sie die rechte Linie und das Fenster wird angezeigt. Es ist irgendwie die Größe zu ändern.

Vorschaufenster in Android Studio

Viel Spaß beim Codieren!



7

Gehen Sie zu Datei-> Caches ungültig machen / neu starten.

Dies wird das Problem lösen.


5

Ich habe das gleiche Problem nach dem Import meines Eclipse ADT-Projekts in Android Studio. Text- und Desing-Registerkarten fehlten.

In meinem Ereignisprotokollfenster wurde "Frameworks erkannt: Android-Framework wird im Projekt Configure erkannt" angezeigt.

Ich klicke auf den bereitgestellten Hyperlink und alles wurde behoben. Die Registerkarten Text und Design wurden sichtbar und funktionsfähig


4

Navigieren Sie zu Datei -> Projektstruktur -> Module -> klicken Sie auf das grüne Pluszeichen, um ein Modul hinzuzufügen.

Neues Modul auswählen -> Anwendungsmodul in Android auswählen -> Modulnamen angeben -> Weiter -> Weiter -> Fertig stellen

Wählen Sie das Projekt aus, das in das Modul aufgenommen werden soll -> klicken Sie auf Übernehmen -> OK

Jetzt können Sie die vollständige Projektstruktur sehen. Öffnen Sie dann das Projektfenster des Modulformulars (linkes Feld), wählen Sie res und dann layout -> Ihren Layoutnamen (.xml).

Jetzt können Sie sowohl die Entwurfsansicht als auch die Textansicht sehen ...


2

Wie etienne sagte, stellen Sie sicher, dass sich die XML-Datei, die Sie betrachten, in befindet src/main/res/layout

Ich hatte das gleiche Problem. Wenn Sie sich in einer Layoutdatei im buildVerzeichnis befinden, wird weder eine Vorschau angezeigt, noch können Sie diese als Option aktivieren. Ich wünschte, Google hätte eine leichte Warnung dafür.


2

Zunächst nach dem Erstellen der neuen App

Gehen Sie zu Java-> MainActivity

und öffnen Sie eine neue Registerkarte dafür

Klicken Sie im Java-Code auf die Indexnummern, in denen Sie das Codelogo sehen könnenGeben Sie hier die Bildbeschreibung ein

wie rot im Bild eingekreist

Klicken Sie mit der linken Maustaste darauf und Sie sehen zwei Optionen, wie im folgenden Bild gezeigtGeben Sie hier die Bildbeschreibung ein

Klicken Sie auf die erste Option, damit Sie eine Vorschau Ihrer App in Android Studio anzeigen können


1

Wenn Sie die Live-Vorschau sehen möchten , sollten Sie im rechten Teil des Bildschirms eine Schaltfläche namens Vorschau haben , die die Live-Vorschau ein- / ausblendet.

Wenn Sie den WYSISYG-Editor-Modus verwenden möchten, befindet sich unten im Editor eine Registerkarte, die zwischen dem XML- Modus und dem WYSISYG- Modus wechselt.

Dies funktioniert sowohl in IntelliJ als auch in Android Studio auf die gleiche Weise.


0

Ich hatte das gleiche Problem und löste es durch Bearbeiten der t-Datei in src> main> res> layout. Sie können unten im Editor zwischen Test- und Entwurfsmodus wählen.

Ganz einfach, wenn wir wissen, wo wir suchen müssen !!! verbringe ein paar Stunden damit, es herauszufinden !!!


0

Ich hatte dieses Problem vor ein paar Stunden, als ich meine Projekte von Eclipse nach Android Studio exportierte. Leider haben die Top-Antworten hier bei mir nicht funktioniert.

Wie auch immer, ein neues Projekt zu erstellen, anstatt ein altes zu eröffnen, hat für mich den Trick getan, wie Thomas Kaliakos in seinem Kommentar hier erwähnt hat

Ich musste mit dem Projekt herumspielen ... und irgendwann funktionierte es. Ich weiß aber nicht wie. Ich würde davon ausgehen, dass das Erstellen eines neuen Projekts und das Hinzufügen Ihres Quellcodes jedes Mal funktionieren würde. Es tut mir leid, dass ich nicht sehr klar bin, aber ehrlich gesagt war ich selbst überrascht, dass es funktioniert hat. - Thomas Kaliakos 15. Oktober 13 um 4:08 Uhr


0

Wenn Sie den angedockten Modus möchten (der beim Bearbeiten der XML-Datei weiterhin sichtbar ist) und versehentlich den angedockten Modus angeklickt und nicht markiert haben. Um es wieder zu bekommen, konzentrieren Sie sich auf die Vorschau und klicken Window > Active Tool Window > Docked Mode.


0

Wenn unten eine Meldung mit dem Titel "Android Framework erkannt. Zum Konfigurieren klicken" angezeigt wird, führen Sie dies aus.

Danach wurden meine unteren Registerkarten für Text und Design angezeigt.


0

In meinem Fall habe ich keine Registerkarte " Design" oder " Vorschau" .

Versuchen

  • Konfigurieren Sie den Proxy richtig, um die erforderlichen Komponenten herunterzuladen
  • Konfigurieren Sie den Android-SDK-Pfad so, dass er kein Leerzeichen enthält
  • Starten Sie Android Studio im Admin-Modus neu

0
  1. Gehen Sie zu Datei-> Caches ungültig machen / neu starten . Nach dem Neustart wird das Vorschaufenster angezeigt.

  2. Das Vorschaufenster ist immer noch nicht geöffnet. Gehen Sie zu Ansicht -> Werkzeugfenster -> klicken Sie auf Vorschau


0

Gehen Sie zu Datei> Einstellungen> Darstellung und Verhalten> Darstellung> Symbolleisten anzeigen


0

Ich verwende Android Studio 3.3 und diese Methode hat bei mir funktioniert: Öffnen Sie Einstellungen aus Datei / Einstellungen im linken Bereich, wählen Sie Editor, dann Layout-Editor und deaktivieren Sie im rechten Bereich die dritte Option: "Vorschaufenster beim Bearbeiten von Nicht-Layout-Dateien ausblenden" Klicken Sie auf Anwenden und dann auf OK. Gehen Sie dann zu Ansicht / Werkzeugfenster / Vorschau ist jetzt auf der Registerkarte Design von Layout XD aktiviert. Vergessen Sie nicht, abzustimmen und diese Antwort als die richtige Antwort zu markieren. Viel Spaß beim Codieren.Geben Sie hier die Bildbeschreibung ein


-1

Datei >> Einstellung >> Compiler >> JavaCompiler Bei "Projektbytecode-Version (leer lassen für JDK-Standard):" Wählen Sie Ihr JDK.

Geben Sie hier die Bildbeschreibung ein

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.