ตัวอย่างเค้าโครงของ Android Studio อยู่ที่ไหน


178

ฉันติดตั้ง Android Studio แต่เมื่อฉันแก้ไขไฟล์เลย์เอาต์ฉันไม่พบพรีวิวสด! ฉันเพิ่งเห็นไฟล์ XML ฉันจะดูเลย์เอาต์ของฉันในมุมมองกราฟิกได้อย่างไร

อัปเดต: นี่เป็นลักษณะที่ปรากฏในกรณีของฉัน:

ป้อนคำอธิบายรูปภาพที่นี่


5
ไฟล์ที่คุณแก้ไขไม่ได้อยู่ในไดเรกทอรีทรัพยากร ...
etienne


4
ไปที่View -> Tool Windows -> Preview
onmyway133

View -> Toolbar Buttonsสำหรับผมแถบเครื่องมือทั้งที่ขาดหายไปผมก็มีการเปิดใช้งาน
FirstOne

คำตอบ:


354

อัปเดต 2 (2020-03-16)

เวอร์ชั่น Android Studio รุ่นใหม่เปลี่ยนตำแหน่งของปุ่มนี้ ตอนนี้ถ้าคุณต้องการดูตัวอย่างการออกแบบเลย์เอาต์คุณจะต้องกดปุ่มใดปุ่มหนึ่งที่ด้านบนขวาของ xml ของคุณ ปุ่มที่ดูเหมือนไอคอนรูปภาพจะเปิดแดชบอร์ดการออกแบบในขณะที่ปุ่มที่อยู่ติดกับมันจะเปิดมุมมองแยกที่วางการออกแบบไว้ถัดจากโค้ด XML:

ป้อนคำอธิบายรูปภาพที่นี่

เดิม (2013-05-21)

คุณควรมีDesignปุ่มถัดจากTextปุ่มใต้ตัวแก้ไขข้อความ xml:

ป้อนคำอธิบายรูปภาพที่นี่

หรือคุณสามารถใช้Previewปุ่มที่มุมบนขวาเพื่อเพิ่มหน้าต่างแสดงตัวอย่างถัดจากโค้ด XML:

ป้อนคำอธิบายรูปภาพที่นี่

UPDATE:

หากคุณไม่มีให้ทำดังนี้: View-> Tool Windows->Preview

ป้อนคำอธิบายรูปภาพที่นี่


41
ฉันไม่มีตัวเลือกนี้เลย !!
Fcoder

3
ฉันอัปเดตคำถามของฉันฉันใส่ภาพหน้าจอของฉัน ฉันดาวน์โหลดมันเร็ว ๆ นี้และอย่าเปลี่ยนแปลงอะไรเลย!
Fcoder

6
ฉันมีตัวเลือกนี้ แต่ปิดการใช้งาน!
Omid

2
ขอบคุณ! ภาพตัวอย่างของฉันหายไปและฉันไม่สามารถคิดได้ว่าอยู่ที่ไหนบนโลก (ฉันคิดว่าลูกของฉันคนหนึ่งต้องโดนบางอย่าง) ขอบคุณ!
tm_forthefuture

5
สำหรับทุกคนที่ไม่สามารถดูตัวอย่างบนมุมมอง> เครื่องมือ windows คุณต้องอยู่ในแท็บ "ข้อความ" บนเครื่องมือแก้ไข xml เพื่อดูตัวเลือก
D4rWiNS

46

หลายคนดูเหมือนจะมีปัญหาเดียวกัน ปัญหาคือว่า IDE แสดงตัวอย่างเท่านั้นถ้าแก้ไขไฟล์เลย์เอาต์ในres/layout*ไดเรกทอรีของโครงการ Android

โดยเฉพาะอย่างยิ่งมันจะไม่แสดงหากมีการแก้ไขไฟล์build/res/layout*เนื่องจากไม่ได้เป็นไดเรกทอรีต้นทางแต่เป็นไดเรกทอรีผลลัพธ์ ในกรณีของคุณคุณกำลังแก้ไขไฟล์ในbuild/ไดเรกทอรี ...

โฟลเดอร์ทรัพยากรถูกตั้งค่าโดยอัตโนมัติและสามารถดูได้ (และเปลี่ยนแปลง) ในโครงสร้างโครงการ> โมดูล> [ชื่อโมดูล]> Android> ไดเรกทอรีทรัพยากร


1
ขอบคุณมาก. คุณประหยัดเวลาได้มาก
Gaurav Vashisth

ไม่มีแท็บ Android และไม่มีทรัพยากรตามที่คุณอธิบายอย่างน้อยในปัจจุบันที่เกิดขึ้นจริงในปัจจุบันการเชื่อมโยง
Alexeev Valeriy

ใช่ดูเหมือนว่า Android Studio จะจัดการอัตโนมัติตอนนี้ ฉันเชื่อว่าไม่สามารถเปิดไฟล์เอาต์พุตโดยไม่ตั้งใจได้อีกต่อไป
etienne

17

ในกรณีที่ช่วยทุกคนฉันมีปัญหาเดียวกันวันนี้ที่แท็บ 'การออกแบบ / ข้อความ' หายไป ฉันเปลี่ยนไปใช้ชุดรูปแบบสีเข้มและคิดว่าอาจเป็นปัญหาดังนั้นจึงกลับไปที่การตั้งค่า / ลักษณะที่ปรากฏ (ภายใต้การตั้งค่า IDE) เปลี่ยนกลับไปเป็นรูปแบบเริ่มต้นและตั้งค่าทุกอย่างถูกต้องสำหรับฉัน ฉันสามารถสลับไปยังชุดรูปแบบ Darcula อีกครั้งและแท็บยังคงอยู่ที่นั่นดังนั้นดูเหมือนว่าการเปลี่ยนชุดรูปแบบเป็นวิธีการรีเซ็ตหน้าต่าง / แท็บ IDE


บูม! ขอบคุณ. ฉันมีปัญหาเดียวกันกับที่ฉันใช้ธีม Dracula และต้องเปลี่ยนกลับไปเป็นธีมเริ่มต้นเพื่อดูแท็บ "การออกแบบ" และ "ข้อความ" ที่ด้านล่าง ไชโย
Joshua Pinter

ฉันหายไปแท็บที่ด้านล่างสิ่งนี้ใช้ได้กับฉันด้วยรุ่นล่าสุด ณ วันที่ 9/25/56 แต่ก็ไม่ได้เปลี่ยนกลับรูปแบบของฉันเพียงหน้าต่างแก้ไขรหัส .. ยังค่อนข้างรถ .. สัญญาที่ดีแม้ว่า
hanzolo

17
  1. เลือกไฟล์ MainActivity.java จากบานหน้าต่างด้านซ้ายดังที่แสดงในสี่เหลี่ยมผืนผ้าสีแดง

  2. คลิกซ้ายที่ไอคอน XML Tag ดังที่แสดงในวงกลมสีแดง

  3. เลือกตัวเลือก "activity_main.xml (เลย์เอาต์)" ที่แสดงเป็นไฮไลต์ในรูปด้านล่าง

ป้อนคำอธิบายรูปภาพที่นี่


ขอบคุณ! การแก้ไขนี้
Sumutiu Marius

นี่คือคำตอบที่ถูกต้อง ใช้เวลา 20 นาทีในการแก้ไข
Dan Zuzevich

12

การทำงานต่อไปนี้สำหรับฉัน:

-> ไฟล์

-> การตั้งค่า

-> ปลั๊กอิน

-> ปิดการใช้งานปลั๊กอินสนับสนุน android

-> คุณจะได้รับแจ้งให้รีสตาร์ท

-> เมื่อรีสตาร์ทแล้วให้เปิดใช้งานปลั๊กอินและปลั๊กอินการพึ่งพาอื่น ๆ ที่อาจถูกปิดใช้งานในกระบวนการ

-> คุณจะได้รับแจ้งให้เริ่มต้นใหม่อีกครั้ง หวังว่าเมื่อ Android Studio เริ่มการทำงานใหม่เป็นครั้งที่สอง


10

ฉันพบตัวเลือกด่วน 2 ตัวเพื่อแก้ไขปัญหานี้:

  1. เพียงแค่ใส่ในการค้นหา "ดูตัวอย่าง" และมันจะแสดงผลลัพธ์เดียว เพียงคลิกที่มันและดูตัวอย่างจะปรากฏขึ้นอีกครั้ง :)
  2. ดึงเส้นด้านขวาแล้วหน้าต่างจะปรากฏขึ้น มันปรับขนาดได้นะ

หน้าต่างแสดงตัวอย่างในสตูดิโอ Android

การเข้ารหัสที่มีความสุข!




5

พบปัญหาเดียวกันหลังจากนำเข้าโครงการ Eclipse ADT ของฉันไปยัง Android Studio แท็บข้อความและดีไซน์ที่หายไป

พบหน้าต่างบันทึกเหตุการณ์ของฉันอ่าน "ตรวจพบกรอบงาน: ตรวจพบกรอบงาน Android ในโครงการกำหนดค่า"

ฉันคลิกการเชื่อมโยงหลายมิติที่ให้ไว้และทุกอย่างได้รับการแก้ไขแท็บข้อความและการออกแบบก็สามารถมองเห็นได้และทำงานได้


4

นำทางไปยังไฟล์ -> โครงสร้างโครงการ -> โมดูล -> คลิกที่ปุ่มสีเขียวบวกเพื่อเพิ่มโมดูล

เลือกโมดูลใหม่ -> เลือกโมดูลแอปพลิเคชันในตัวเลือก Android -> ตั้งชื่อโมดูล -> ถัดไป -> ถัดไป -> เสร็จสิ้น

เลือกโครงการที่จะรวมอยู่ในโมดูล -> คลิกใช้ -> ตกลง

ตอนนี้คุณจะสามารถเห็นโครงสร้างโครงการแบบเต็มได้แล้ว จากนั้นเปิดหน้าต่างโครงการฟอร์มโมดูล (แผงด้านซ้าย) เลือก res จากนั้นเลือกโครงร่าง -> ชื่อโครงร่างของคุณ (.xml)

ตอนนี้คุณจะสามารถเห็นมุมมองการออกแบบและมุมมองข้อความทั้งสอง ...


2

ดังที่ Etienne กล่าวว่าให้แน่ใจว่าไฟล์ XML ที่คุณกำลังดูอยู่นั้น src/main/res/layout

ฉันมีปัญหาเดียวกัน หากคุณอยู่ในไฟล์เลย์เอาต์ในbuildไดเรกทอรีคุณจะไม่เห็นตัวอย่างและจะไม่มีตัวเลือกให้เปิดใช้งาน ฉันหวังว่า Google จะได้รับคำเตือนเล็กน้อย


2

ก่อนอื่นเลยหลังจากสร้างแอพใหม่

ไปที่ java-> MainActivity

และเปิดแท็บใหม่สำหรับมัน

ในรหัส java คลิกที่หมายเลขดัชนีซึ่งคุณสามารถเห็นโลโก้รหัสป้อนคำอธิบายรูปภาพที่นี่

เป็นวงกลมสีแดงในภาพ

คลิกซ้ายที่มันแล้วคุณจะเห็นสองตัวเลือกดังแสดงในภาพด้านล่างป้อนคำอธิบายรูปภาพที่นี่

คลิกที่ตัวเลือกแรกเพื่อให้คุณสามารถดูตัวอย่างแอพของคุณใน android studio


1

หากคุณต้องการดูตัวอย่างสดในส่วนด้านขวาของหน้าจอคุณควรมีปุ่มเรียกดูตัวอย่างที่แสดง / ซ่อนตัวอย่างสด

หากสิ่งที่คุณต้องการคือการใช้โหมดตัวแก้ไข WYSISYG ด้านล่างของตัวแก้ไขจะมีแท็บที่สลับระหว่างโหมดXMLและWYSISYGโหมด

สิ่งนี้ทำงานในลักษณะเดียวกันทั้งใน IntelliJ และ Android Studio


0

ฉันมีปัญหาเดียวกันและแก้ไขได้โดยแก้ไขไฟล์ t ใน src> main> res> layout คุณสามารถเลือกระหว่างโหมดทดสอบและออกแบบที่ด้านล่างของเครื่องมือแก้ไข

ค่อนข้างง่ายถ้าเรารู้ว่าจะหาที่ไหน !!! ใช้เวลาสองสามชั่วโมงหามัน !!!


0

ฉันมีปัญหานี้เมื่อสองสามชั่วโมงก่อนเมื่อฉันส่งออกโครงการของฉันจาก Eclipse ไปยัง Android Studio น่าเสียดายที่คำตอบยอดนิยมที่นี่ไม่ทำงานสำหรับฉัน

อย่างไรก็ตามการสร้างโครงการใหม่แทนการเปิดเก่าทำเคล็ดลับสำหรับฉันเป็นสิ่งที่โทมัส Kaliakos กล่าวถึงความคิดเห็นของเขาที่นี่

ฉันต้องยุ่งกับโครงการ ... และในบางจุดก็ใช้งานได้ ฉันไม่รู้เหมือนกัน ฉันเดาว่าการสร้างโครงการใหม่และการเพิ่มซอร์สโค้ดของคุณจะใช้ได้ทุกครั้ง ขออภัยที่ยังไม่ชัดเจน แต่จริงๆแล้วฉันก็ประหลาดใจแม้กระทั่งว่ามันใช้ได้ - โทมัส Kaliakos 15 ตุลาคม 13 ที่ 4:08


0

ในกรณีที่คุณต้องการโหมดเชื่อมต่อ (มันยังคงมองเห็นได้ในขณะที่แก้ไขไฟล์ xml) และคุณโดยไม่ได้ตั้งใจคลิกและไม่ได้ทำเครื่องหมายโหมดเชื่อมต่อ Window > Active Tool Window > Docked Modeเพื่อที่จะได้รับมันกลับที่คุณต้องมุ่งเน้นไปที่การแสดงตัวอย่างและคลิก


0

หากคุณเห็นข้อความที่ด้านล่างว่าสิ่งที่ต้องการ "ตรวจพบ Android Framework คลิกเพื่อกำหนดค่า" ให้ทำ

หลังจากทำสิ่งนี้แท็บข้อความและการออกแบบของฉันก็ปรากฏขึ้น


0

ในกรณีของฉันฉันไม่มีการออกแบบหรือดูตัวอย่างแท็บ

ลอง

  • กำหนดค่าพร็อกซีอย่างถูกต้องเพื่อดาวน์โหลดส่วนประกอบที่จำเป็น
  • กำหนดค่าเส้นทาง android-sdk ให้ไม่มีอักขระเว้นวรรค
  • รีสตาร์ท Android Studio ในโหมดผู้ดูแลระบบ

0
  1. ไปที่ไฟล์ -> ทำให้แคช / รีสตาร์ทไม่ถูกต้อง หลังจากรีสตาร์ทหน้าต่างแสดงตัวอย่างจะมา

  2. ยังคงไม่เปิดหน้าต่างแสดงตัวอย่าง, ไปที่มุมมอง -> หน้าต่างเครื่องมือ -> คลิกดูตัวอย่าง


0

ไปที่ไฟล์> การตั้งค่า> ลักษณะและพฤติกรรม> ลักษณะ> แสดงแถบหน้าต่างเครื่องมือ


0

ฉันใช้ Android studio 3.3 และวิธีนี้ใช้ได้กับฉัน: เปิดการตั้งค่าจากไฟล์ / การตั้งค่าจากแผงด้านซ้ายเลือกตัวแก้ไขจากนั้นเลย์เอาต์ตัวแก้ไขจากแผงด้านขวายกเลิกการเลือกตัวเลือกที่สามซึ่งคือ "ซ่อนหน้าต่างแสดงตัวอย่าง กดใช้แล้วตกลง จากนั้นไปที่มุมมอง / เครื่องมือ windows / ภาพตัวอย่างเปิดใช้งานทันทีในแท็บออกแบบของเค้าโครง XD อย่าลืมโหวตและทำเครื่องหมายคำตอบนี้เป็นคำตอบที่ถูกต้อง การเข้ารหัสที่มีความสุขป้อนคำอธิบายรูปภาพที่นี่


-1

ไฟล์ >> การตั้งค่า >> คอมไพเลอร์ >> JavaCompiler ที่ "Project bytecode version (เว้นว่างไว้สำหรับค่าเริ่มต้น jdk):" เลือก jdk ของคุณ

ป้อนคำอธิบายรูปภาพที่นี่

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.