Dov'è l'anteprima del layout di Android Studio?


177

Ho installato Android Studio, ma quando modifico i miei file di layout, non riesco a trovare l'anteprima dal vivo! Vedo solo un file XML. Come posso vedere il mio layout in vista grafica?

Aggiornamento: ecco come appare nel mio caso:

inserisci qui la descrizione dell'immagine


5
Il file che modifichi non si trova nella directory delle risorse ...
etienne


4
Vai aView -> Tool Windows -> Preview
onmyway133

Per me mancava l'intera barra degli strumenti, che dovevo abilitare View -> Toolbar Buttons.
Primo

Risposte:


353

AGGIORNAMENTO 2 (2020-03-16)

La versione più recente di Android Studio ha modificato la posizione di questo pulsante. Ora, se vuoi vedere l'anteprima del design del layout, dovrai premere uno dei pulsanti in alto a destra del tuo XML. Il pulsante che assomiglia a un'icona immagine aprirà la dashboard del design, mentre il pulsante accanto ad essa aprirà la vista divisa in cui è posizionato il design accanto al codice XML:

inserisci qui la descrizione dell'immagine

ORIGINALE (21-05-2013)

Dovresti avere un Designpulsante accanto al Textpulsante sotto l'editor di testo XML:

inserisci qui la descrizione dell'immagine

Oppure puoi utilizzare il Previewpulsante nell'angolo in alto a destra per aggiungere una finestra di anteprima accanto al codice XML:

inserisci qui la descrizione dell'immagine

AGGIORNARE:

Se non lo hai, fai questo: View-> Tool Windows->Preview

inserisci qui la descrizione dell'immagine


41
non ho affatto queste opzioni !!
Fcoder

3
ho aggiornato la mia domanda, ho messo il mio screenshot. lo scarico di recente e non cambio nulla!
Fcoder

6
Ho questa opzione ma disabilitata!
Omid

2
Grazie! La mia anteprima è scomparsa e non riuscivo a capire dove fosse finita (penso che uno dei miei figli debba aver colpito qualcosa). GRAZIE!
tm_forthefuture,

5
Per tutti coloro che non possono vedere l'anteprima su view> strumento windows DEVI essere nella scheda "text" nell'editor xml per vedere l'opzione
D4rWiNS

46

Diverse persone sembrano avere lo stesso problema. Il problema è che l'IDE visualizza l'anteprima solo se si modifica un file di layout nella res/layout*directory di un progetto Android.

In particolare, non verrà mostrato se si modifica un file in build/res/layout*quanto quelli non sono directory di origine ma directory di output . Nel tuo caso, stai modificando un file nella build/directory ...

La cartella delle risorse viene impostata automaticamente e può essere visualizzata (e modificata) in Struttura del progetto> Moduli> [Nome modulo]> Android> Directory risorse.


1
Molte grazie. Hai risparmiato un sacco di tempo
Gaurav Vashisth

non è presente alcuna scheda Android e nessuna funzionalità Risorse come descritto, almeno nell'attuale collegamento
Alexeev Valeriy

Sì, sembra che Android Studio lo gestisca automaticamente ora; Credo che non si possa più aprire accidentalmente un file di output.
etienne

17

Nel caso in cui ciò aiuti qualcuno, oggi ho avuto lo stesso problema in cui mancavano le schede "design / testo". Ero passato al tema oscuro e pensavo che forse era quello il problema, quindi sono tornato a Preferenze / Aspetto (sotto le impostazioni IDE) sono tornato al tema predefinito e questo ha ripristinato tutto correttamente per me. Potrei anche passare nuovamente al tema Darcula e le schede erano ancora lì, quindi sembra che il cambio di temi sia un modo per ripristinare le finestre / schede IDE.


Boom! Grazie. Ho avuto lo stesso problema quando utilizzavo il tema Dracula e dovevo tornare al tema Predefinito per vedere le schede "Progettazione" e "Testo" visibili in basso. Saluti.
Joshua Pinter,

Mi mancavano le schede in fondo, questo ha funzionato per me con l'ultima versione del 25/09/13. Tuttavia, non ha ripristinato il mio tema, solo la finestra dell'editor del codice .. ancora abbastanza buggy .. comunque una grande promessa
hanzolo

17
  1. Seleziona il file MainActivity.java dal riquadro a sinistra, come mostrato nel rettangolo colorato rosso.

  2. Fare clic con il tasto sinistro del mouse sull'icona del tag XML come mostrato nel cerchio colorato rosso.

  3. Seleziona l'opzione "activity_main.xml (layout)" mostrata evidenziata nella figura seguente.

inserisci qui la descrizione dell'immagine


Grazie! Questo risolto.
Sumutiu Marius,

Questa è la risposta esatta. Mi ci sono voluti 20 minuti per risolvere.
Dan Zuzevich,

12

Per me ha funzionato:

-> file

-> impostazioni

-> plugin

-> disabilita il plug-in di supporto Android

-> ti verrà chiesto di riavviare

-> una volta riavviato, riattiva il plug-in e altri plug-in di dipendenza che potrebbero essere stati disabilitati nel processo

-> ti verrà chiesto di riavviare di nuovo. Spero che quando Android Studio si riavvierà la seconda volta che l'anteprima dovrebbe essere visualizzata.


10

Ho trovato 2 opzioni rapide per risolvere questo problema:

  1. Basta inserire nella ricerca "Anteprima" e ti mostrerà un singolo risultato. Basta fare clic su di esso e l'anteprima appare di nuovo :)
  2. Tirare la linea di destra e apparirà la finestra. È un po 'ridimensionare.

Finestra di anteprima in Android Studio

Buona programmazione!



7

Vai a File-> Cache non valide / Riavvia.

Questo risolverà il problema.


5

Ho avuto lo stesso problema dopo aver importato il mio progetto ADT Eclipse su Android Studio. Schede di testo e Desing dove mancanti.

Trovato il mio registro eventi di Windows dice "Frameworks rilevato: framework Android rilevato nel progetto Configura"

Faccio clic sul collegamento ipertestuale fornito e tutto è stato risolto, le schede Testo e Desing sono diventate visibili e funzionali


4

Passare al file -> Struttura del progetto -> moduli -> fare clic sul pulsante più verde per aggiungere un modulo.

Seleziona nuovo modulo -> seleziona Modulo applicazione nell'opzione Android -> assegna un nome al modulo -> successivo -> successivo -> fine

Seleziona il progetto da includere nel modulo -> fai clic su applica -> ok

Ora sarai in grado di vedere l'intera struttura del progetto; quindi apri la finestra del modulo di modulo (pannello di sinistra), seleziona res quindi seleziona layout -> il nome del tuo layout (.xml).

Ora sarai in grado di vedere la vista di progettazione e la vista di testo sia ...


2

Come detto etienne, assicurati che il file XML che stai guardando sia presente src/main/res/layout

Ho avuto lo stesso problema. Se ti trovi in ​​un file di layout nella builddirectory, non vedrai un'anteprima, né la avrai come opzione da abilitare. Vorrei che Google avesse un leggero avvertimento per questo.


2

prima di tutto dopo aver creato la nuova app

vai su java-> MainActivity

e apri una nuova scheda per questo

Nel codice java fare clic sulle numerazioni degli indici in cui è possibile visualizzare il logo del codiceinserisci qui la descrizione dell'immagine

come rosso cerchiato in foto

fai clic sinistro su di esso e vedrai due opzioni come mostrato nella figura sottoinserisci qui la descrizione dell'immagine

fai clic sulla prima opzione in modo da poter visualizzare l'anteprima dell'app in Android Studio


1

Se vuoi vedere l' anteprima dal vivo , nella parte destra dello schermo dovresti avere un pulsante chiamata Anteprima che mostra / nasconde l'anteprima dal vivo.

Se quello che vuoi è usare la modalità editor WYSISYG, nella parte inferiore dell'editor c'è una scheda che passa dalla modalità XML alla modalità WYSISYG .

Funziona allo stesso modo sia in IntelliJ che in Android Studio.


0

Ho avuto lo stesso problema e risolto modificando il file t nel layout src> main> res>. Puoi scegliere tra la modalità Test e Design nella parte inferiore dell'editor.

Abbastanza semplice se sappiamo dove cercare !!! passare qualche ora a capirlo !!!


0

Ho avuto questo problema un paio d'ore fa quando ho esportato i miei progetti da Eclipse ad Android Studio. Sfortunatamente, le risposte migliori qui non hanno funzionato per me.

Ad ogni modo, creare un nuovo progetto invece di aprirne uno vecchio mi ha aiutato come quello che Thomas Kaliakos ha menzionato nel suo commento qui

Ho dovuto scherzare con il progetto ... e ad un certo punto ha funzionato. Non so come però. La mia ipotesi sarebbe che la creazione di un nuovo progetto e l'aggiunta del codice sorgente funzionasse ogni volta. Scusate se non sono stato molto chiaro, ma onestamente sono stato sorpreso anche da me stesso che ha funzionato. - Thomas Kaliakos, 15 ottobre 13 alle 4:08


0

Nel caso in cui desideri la modalità ancorata, (è ancora visibile durante la modifica del file XML) e tu, per errore, hai fatto clic e non contrassegnato sulla modalità ancorata. Per recuperarlo devi concentrarti sull'anteprima e fare clic Window > Active Tool Window > Docked Mode.


0

Se vedi un messaggio in fondo che dice qualcosa del tipo "Android Framework rilevato. Fai clic per configurare", FAI.

Dopo aver fatto questo, sono apparse le mie schede inferiori di Testo e Design.


0

Nel mio caso, non ho la scheda Design o Anteprima .

Provare

  • Configurare correttamente il proxy per scaricare i componenti necessari
  • Configura il percorso Android-SDK per non contenere caratteri spaziali
  • Riavvia Android Studio in modalità amministratore

0
  1. Vai a File-> Cache non valide / Riavvia . Dopo il riavvio verrà la finestra di anteprima.

  2. Tuttavia la finestra di anteprima non è aperta, vai su Visualizza -> Finestra degli strumenti -> fai clic su Anteprima


0

Vai a File> Impostazioni> Aspetto e comportamento> Aspetto> Mostra barre della finestra degli strumenti


0

Sto usando Android Studio 3.3 e questo metodo ha funzionato per me: apri le impostazioni dal file / impostazioni dal pannello di sinistra seleziona Editor quindi Layout Editor quindi dal pannello di destra deseleziona la terza opzione che è "Nascondi finestra di anteprima quando si modificano file non di layout" quindi premi applica quindi ok. quindi vai a view / tool windows / preview is enable now nella scheda design del layout XD. Non dimenticare di votare e contrassegnare questa risposta come la risposta giusta. Buona codifica.inserisci qui la descrizione dell'immagine


-1

File >> impostazione >> Compilatore >> JavaCompiler In "Versione bytecode progetto (lascia vuoto per impostazione predefinita jdk):" scegli il tuo jdk.

inserisci qui la descrizione dell'immagine

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.