Figure 1. Illustration of a view hi

Figure 1. Illustration of a view hierarchy, which defines a UI layout.

To declare your layout, you can instantiate View objects in code and start building a tree, but the easiest and most effective way to define your layout is with an XML file. XML offers a human-readable structure for the layout, similar to HTML.

The name of an XML element for a view is respective to the Android class it represents. So a element creates a TextView widget in your UI, and a element creates a LinearLayout view group.

For example, a simple vertical layout with a text view and a button looks like this:

ผลลัพธ์ (ไทย) 1:

รูปที่ 1 ภาพประกอบดูลำดับชั้น ซึ่งกำหนดรูปแบบ UIการประกาศรูปแบบของคุณ คุณสามารถดูวัตถุในรหัสสร้างอินสแตนซ์ และเริ่มสร้างต้นไม้ แต่เป็นวิธีง่าย และมีประสิทธิภาพสูงสุดเพื่อกำหนดเค้าโครงของคุณกับแฟ้ม XML XML ที่มีโครงสร้างสำหรับโครงร่าง คล้ายกับ HTML อ่านชื่อขององค์ประกอบ XML สำหรับมุมมองเกี่ยวข้องประเภท Android เป็น ดังนั้นการ องค์ประกอบสร้างวิดเจ็ต TextView ใน UI ของคุณ และการ องค์ประกอบสร้างกลุ่มดู LinearLayoutตัวอย่าง เค้าโครงแนวตั้งง่าย ๆ มุมมองข้อความและปุ่มมีลักษณะดังนี้:

ผลลัพธ์ (ไทย) 2:

รูปที่ 1 ภาพประกอบของลำดับชั้นมุมมองซึ่งได้กำหนดรูปแบบ UI ได้.

ต้องการประกาศรูปแบบของคุณคุณสามารถยกตัวอย่างดูวัตถุในรหัสและเริ่มต้นสร้างต้นไม้ แต่วิธีที่ง่ายและมีประสิทธิภาพมากที่สุดในการกำหนดรูปแบบของคุณกับไฟล์ XML XML มีโครงสร้างที่มนุษย์สามารถอ่านได้สำหรับรูปแบบคล้ายกับภาษา HTML.

ชื่อขององค์ประกอบ XML สำหรับมุมมองที่เป็นตามลำดับชั้นของ Android มันหมายถึง ดังนั้น องค์ประกอบสร้างเครื่องมือ TextView ใน UI ของคุณและ องค์ประกอบที่สร้างมุมมองกลุ่ม LinearLayout.

ตัวอย่างเช่นรูปแบบแนวตั้งที่เรียบง่ายด้วยมุมมองข้อความและปุ่มลักษณะเช่นนี้:

ผลลัพธ์ (ไทย) 3:

รูปที่ 1 ภาพประกอบของมุมมองลำดับชั้น ซึ่งกำหนด UI รูปแบบประกาศรูปแบบของคุณ คุณสามารถยกตัวอย่างดูวัตถุในรหัสและเริ่มต้นสร้างต้นไม้ แต่วิธีที่ง่ายที่สุดและมีประสิทธิภาพมากที่สุดเพื่อกำหนดรูปแบบของคุณกับไฟล์ เสนอโครงสร้าง XML อ่านของมนุษย์ในรูปแบบคล้ายกับ HTMLชื่อขององค์ประกอบ XML สำหรับมุมมองที่เกี่ยวข้องกับ Android รุ่นที่ใช้แทน ดังนั้น < textview > องค์ประกอบสร้างเครื่องมือใน textview UI ของคุณ , และ < linearlayout > องค์ประกอบสร้าง linearlayout View Groupตัวอย่างเช่นรูปแบบแนวตั้งง่ายด้วยข้อความและปุ่มลักษณะเช่นนี้ :