Di mana pratinjau tata letak Android Studio?

177

Saya menginstal Android Studio, tetapi ketika saya mengedit file tata letak saya, saya tidak dapat menemukan pratinjau langsung! Saya hanya melihat file XML. Bagaimana saya bisa melihat tata letak saya dalam tampilan grafis?

Pembaruan: Seperti ini dalam kasus saya:

masukkan deskripsi gambar di sini

Fcoder
sumber
5
File yang Anda edit tidak ada dalam direktori Resources ...
etienne
stackoverflow.com/questions/16644419/…
Ciro Santilli 郝海东 冠状 病 六四 六四 事件
4
Pergi keView -> Tool Windows -> Preview
onmyway133
Bagi saya, seluruh bilah alat hilang, saya harus mengaktifkan View -> Toolbar Buttons.
FirstOne

Jawaban:

353

UPDATE 2 (2020-03-16)

Versi Android Studio yang lebih baru mengubah lokasi tombol ini. Sekarang jika Anda ingin melihat pratinjau desain tata letak, Anda perlu menekan salah satu tombol di kanan atas xml Anda. Tombol yang terlihat seperti ikon gambar akan membuka dashboard desain, sedangkan tombol di sebelahnya akan membuka tampilan split di mana desain ditempatkan di sebelah kode XML:

masukkan deskripsi gambar di sini

ASLI (2013-05-21)

Anda harus memiliki Designtombol di sebelah Texttombol di bawah editor teks xml:

masukkan deskripsi gambar di sini

Atau Anda dapat menggunakan Previewtombol di sudut kanan atas untuk menambahkan jendela pratinjau di sebelah kode XML:

masukkan deskripsi gambar di sini

MEMPERBARUI:

Jika Anda tidak memilikinya, maka lakukan ini: View-> Tool Windows->Preview

masukkan deskripsi gambar di sini

Emil Adz
sumber
41
saya tidak punya opsi ini sama sekali !!
Fcoder
3
saya memperbarui pertanyaan saya, saya menaruh tangkapan layar saya. Saya mengunduhnya baru-baru ini dan tidak mengubah apa pun!
Fcoder
6
Saya memiliki opsi ini tetapi dinonaktifkan!
Omid
2
Terima kasih! Pratinjau saya menghilang dan saya tidak tahu ke mana perginya (saya pikir salah satu anak saya pasti telah mengenai sesuatu). TERIMA KASIH!
tm_forthefuture
5
Untuk semua orang yang tidak dapat melihat pratinjau pada tampilan> alat windows Anda HARUS berada di tab "teks" pada editor xml untuk melihat opsi
D4rWiNS
46

Beberapa orang tampaknya memiliki masalah yang sama. Masalahnya adalah bahwa IDE hanya menampilkan pratinjau jika mengedit file tata letak di res/layout*direktori proyek Android.

Secara khusus, ini tidak akan muncul jika mengedit file build/res/layout*karena itu bukan direktori sumber tetapi direktori keluaran . Dalam kasus Anda, Anda sedang mengedit file di build/direktori ...

Folder Sumber Daya diatur secara otomatis, dan dapat dilihat (dan diubah) dalam Struktur Proyek> Modul> [Nama modul]> Android> direktori Sumber Daya.

etienne
sumber
1
Terima kasih banyak. Anda menghemat banyak waktu
Gaurav Vashisth
tidak ada tab Android dan tidak ada fitur Sumber Daya seperti yang Anda gambarkan, setidaknya di tautan
Alexeev Valeriy
Ya, sepertinya Android Studio menanganinya secara otomatis sekarang; Saya percaya seseorang tidak dapat secara tidak sengaja membuka file output lagi.
etienne
17

Dalam hal yang membantu siapa pun, saya memiliki masalah yang sama hari ini di mana tab 'desain / teks' hilang. Saya telah beralih ke tema gelap dan berpikir mungkin itu masalahnya, jadi kembali ke Preferensi / Tampilan (di bawah pengaturan IDE) beralih kembali ke Tema Default, dan yang mengatur ulang semuanya dengan benar untuk saya. Saya juga bisa kemudian beralih lagi ke tema Darcula dan tab masih ada, jadi sepertinya beralih tema adalah cara untuk mengatur ulang IDE windows / tab.

solange
sumber
Ledakan! Terima kasih. Saya memiliki masalah yang sama ketika saya menggunakan tema Dracula dan harus beralih kembali ke tema Default untuk melihat tab "Desain" dan "Teks" yang terlihat di bagian bawah. Bersulang.
Joshua Pinter
Saya kehilangan tab di bagian bawah, ini bekerja untuk saya dengan rilis terbaru pada 9/25/13. Namun, itu tidak mengubah tema saya kembali, hanya jendela editor kode .. masih cukup buggy .. janji meskipun
hanzolo
17
  1. Pilih file MainActivity.java dari panel kiri, seperti yang ditunjukkan pada persegi panjang berwarna merah.

  2. Klik kiri ikon Tag XML seperti yang ditunjukkan pada lingkaran berwarna merah.

  3. Pilih opsi "activity_main.xml (layout)" yang ditunjukkan disorot pada gambar di bawah ini.

masukkan deskripsi gambar di sini

MNS
sumber
Terima kasih! Ini diperbaiki.
Sumutiu Marius
Ini adalah jawaban yang benar. Butuh waktu 20 menit untuk memperbaikinya.
Dan Zuzevich
12

Berikut ini bekerja untuk saya:

-> file

-> pengaturan

-> plugin

-> Nonaktifkan plugin dukungan android

-> Anda akan diminta untuk me-restart

-> setelah dimulai kembali, aktifkan kembali plugin dan plug-in dependensi lainnya yang mungkin telah dinonaktifkan dalam proses

-> Anda akan diminta untuk me-restart sekali lagi. Semoga ketika studio android memulai kembali untuk kedua kalinya pratinjau harus ditampilkan.

sirFunkenstine
sumber
10

Saya menemukan 2 opsi cepat untuk memperbaikinya:

  1. Cukup masukkan dalam pencarian "Pratinjau" dan itu akan menampilkan satu hasil. Cukup klik dan pratinjau muncul lagi :)
  2. Tarik garis sisi kanan dan jendela akan muncul. Ini agak mengubah ukuran.

Jendela pratinjau di studio android

Selamat coding!

Yurets
sumber
8

Bagi mereka yang kesulitan di Android Studio 3.6 :

masukkan deskripsi gambar di sini

Fernando Carvalhosa
sumber
7

Pergi ke File-> Batalkan Cache / Restart.

Ini akan menyelesaikan masalah.

Vilas
sumber
5

Mendapat masalah yang sama setelah mengimpor proyek Eclipse ADT saya ke Android Studio. Tab Teks dan Desing di mana hilang.

Menemukan jendela Log Peristiwa saya berbunyi "Kerangka kerja terdeteksi: Kerangka kerja Android terdeteksi dalam proyek Konfigurasi"

Saya mengklik hyperlink yang disediakan dan semuanya telah diperbaiki, tab Teks dan Desing menjadi terlihat dan fungsional

Víctor Silva
sumber
4

Arahkan ke file -> Struktur proyek -> modul -> klik tombol tambah hijau untuk menambahkan modul.

Pilih modul baru -> pilih Modul Aplikasi dalam opsi Android -> beri nama modul -> selanjutnya -> selanjutnya -> selesai

Pilih proyek yang akan dimasukkan dalam modul -> klik terapkan -> oke

Sekarang Anda akan dapat melihat struktur proyek penuh; kemudian buka jendela modul proyek bentuk (panel kiri), pilih res lalu pilih tata letak -> nama tata letak Anda (.xml).

Sekarang Anda akan dapat melihat tampilan desain dan tampilan teks ...

Vishal Pandey
sumber
2

Seperti yang dikatakan etienne pastikan bahwa file XML yang Anda lihat ada di src/main/res/layout

Saya memiliki masalah yang sama. Jika Anda berada di file tata letak di builddirektori, Anda tidak akan melihat pratinjau, juga tidak akan memiliki opsi untuk diaktifkan. Saya berharap Google memiliki sedikit peringatan untuk itu.

merlinpatt
sumber
2

pertama-tama setelah membuat aplikasi baru

pergi ke java-> MainActivity

dan buka tab baru untuk itu

Dalam kode java klik pada penomoran indeks di mana Anda dapat melihat logo kodemasukkan deskripsi gambar di sini

seperti merah dilingkari dalam gambar

klik kiri dan Anda akan melihat dua opsi seperti yang ditunjukkan pada gambar di bawah inimasukkan deskripsi gambar di sini

klik pada opsi pertama sehingga Anda dapat melihat pratinjau aplikasi Anda di studio android

korubilli krishna chaitanya
sumber
1

Jika Anda ingin melihat pratinjau langsung , di bagian kanan layar Anda harus memiliki pratinjau panggilan tombol yang menampilkan / menyembunyikan pratinjau langsung.

Jika yang Anda inginkan adalah menggunakan mode editor WYSISYG, di bagian bawah editor ada tab yang beralih antara mode XML dan mode WYSISYG .

Ini bekerja dengan cara yang sama baik di IntelliJ dan Android Studio.

jpintado
sumber
0

Saya memiliki masalah yang sama dan diselesaikan dengan mengedit file t di tata letak src> main> res>. Anda dapat memilih antara mode Tes dan Desain di bagian bawah editor.

Cukup sederhana jika kita tahu di mana mencarinya !!! menghabiskan beberapa jam mencari tahu !!!

SKV
sumber
0

Saya punya masalah ini beberapa jam yang lalu ketika saya mengekspor proyek saya dari Eclipse ke Android Studio. Sayangnya, jawaban teratas di sini tidak berhasil untuk saya.

Ngomong-ngomong, membuat proyek baru alih-alih membuka yang lama malah membuat saya jengkel seperti yang dikatakan Thomas Kaliakos di komentarnya di sini

Saya harus dipusingkan dengan proyek..dan pada beberapa titik itu berhasil. Saya tidak tahu bagaimana caranya. Dugaan saya adalah menciptakan proyek baru dan menambahkan kode sumber Anda akan berhasil setiap saat. Maaf karena tidak terlalu jelas, tetapi jujur ​​saya bahkan terkejut bahwa itu berhasil. - Thomas Kaliakos 15 Okt '13 pada 4:08

rsano
sumber
0

Jika Anda ingin mode merapat, (itu masih terlihat saat mengedit file xml), dan Anda, secara tidak sengaja, mengklik dan merapat mode merapat. Untuk mendapatkannya kembali Anda memiliki fokus pada pratinjau dan klik Window > Active Tool Window > Docked Mode.

Ratata Tata
sumber
0

Jika Anda melihat pesan di bagian bawah mengatakan sesuatu seperti, "Kerangka Android terdeteksi. Klik untuk mengonfigurasi", LAKUKAN.

Setelah melakukan ini, tab bawah Teks dan Desain saya muncul.

cdabel
sumber
0

Dalam kasus saya, saya tidak memiliki tab Desain atau Pratinjau .

Mencoba

  • Konfigurasikan proxy dengan benar untuk mengunduh komponen yang diperlukan
  • Konfigurasikan jalur android-SDK agar tidak mengandung karakter spasi
  • Mulai ulang Android Studio dalam mode Admin
Rika
sumber
0
  1. Pergi ke File-> Batalkan Cache / Restart . Setelah restart jendela pratinjau akan datang.

  2. Masih jendela pratinjau tidak dibuka, Buka Lihat -> Alat jendela -> klik Pratinjau

sudharsan chandrasekaran
sumber
0

Buka File> Pengaturan> Tampilan & Perilaku> Tampilan> Tampilkan bilah jendela alat

Tarasantan
sumber
0

Saya menggunakan Android studio 3.3 dan metode ini bekerja untuk saya: buka pengaturan dari file / pengaturan dari panel kiri pilih Editor kemudian tata letak Editor kemudian dari panel kanan hapus centang opsi ketiga yaitu "Sembunyikan jendela pratinjau saat mengedit file non-tata letak" lalu tekan apply lalu ok. kemudian buka view / tool windows / preview sekarang aktifkan di tab desain layout XD. Jangan lupa memilih dan menandai jawaban ini sebagai jawaban yang tepat. Selamat coding.masukkan deskripsi gambar di sini

Refleksi
sumber
-1

File >> pengaturan >> Compiler >> JavaCompiler Di "Project bytecode version (biarkan kosong untuk default jdk):" pilih jdk Anda.

masukkan deskripsi gambar di sini

KZM
sumber