มุมมองบน Android

องค์ประกอบทั้งหมดที่ปรากฏบนหน้าจอของแอปพลิเคชัน Android คือมุมมอง ตั้งแต่องค์ประกอบแต่ละรายการเช่นข้อความหรือปุ่มไปจนถึงคอนเทนเนอร์เช่นกลุ่มมุมมอง หัวข้อนี้ค่อนข้างซับซ้อนเนื่องจากมีรายละเอียดจำนวนมากและหากต้องการสำรวจความเป็นไปได้ที่มีอยู่ในเชิงลึกมากขึ้นขอแนะนำให้ไปที่ เอกสารอย่างเป็นทางการ. ในบทช่วยสอนนี้เราจะวิเคราะห์องค์ประกอบที่ใช้บ่อยที่สุดรวมถึงกลุ่มมุมมองและองค์ประกอบพื้นฐานบางอย่าง

ดูกลุ่ม

• เลย์เอาต์เชิงเส้น
  • จัดกลุ่มองค์ประกอบในบรรทัดเดียวซึ่งอาจเป็นแนวตั้งหรือแนวนอน
• เลย์เอาต์ญาติ
  • องค์ประกอบถูกจัดเรียงให้สัมพันธ์กันและระยะขอบ มีความยืดหยุ่นมากที่สุดและใช้มากที่สุด
• เลื่อนดู
  • ใช้สำหรับมุมมองที่ไม่พอดีกับหน้าจอ สามารถมีได้เพียงมุมมองเดียวหรือกลุ่มมุมมองและเพิ่มแถบเลื่อนโดยอัตโนมัติ
• เค้าโครงตาราง
  • จัดกลุ่มรายการเป็นแถวและคอลัมน์ ประกอบด้วยองค์ประกอบ TableRow ซึ่งจะมีองค์ประกอบของแต่ละเซลล์
• เฟรมเลย์เอาต์
  • มีจุดมุ่งหมายเพื่อให้มีมุมมองเดียว หากเพิ่มมากขึ้นก็จะเรียงกันที่มุมซ้ายบนโดยทับซ้อนกัน
• เค้าโครงแอบโซลูท
  • เลิกใช้แล้วตั้งแต่ Android เวอร์ชัน 1.5 ในคอนเทนเนอร์นี้องค์ประกอบจะอ้างอิงด้วยพิกัดสัมบูรณ์โดยเริ่มจากมุมบนซ้าย เลิกใช้แล้วเนื่องจากไม่ได้ปรับให้เข้ากับหน้าจอที่มีขนาดต่างกันซึ่งเป็นที่นิยมเช่นเดียวกับ Android 1.5

สำหรับแอปพลิเคชันง่ายๆกลุ่มที่น่าสนใจที่สุดในการดูรายละเอียด ได้แก่ LinearLayout, RelativeLayout และ ScrollView ตัวอย่างเช่นเราสามารถสร้างไฟล์ เลย์เอาต์เชิงเส้น แนวตั้งที่มีข้อความและอีกปุ่มหนึ่งในแนวนอน:

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientation = "vertical">
<มุมมองข้อความ
Android: id = "@ + id / textView1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 1" />
<มุมมองข้อความ
Android: id = "@ + id / textView2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 2" />
<มุมมองข้อความ
Android: id = "@ + id / textView3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 3" />
<มุมมองข้อความ
Android: id = "@ + id / textView4"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 4" />
[/ html]

[html]
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent"
android: orientation = "horizontal">
<ปุ่ม
Android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ปุ่ม 1" />
<ปุ่ม
Android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ปุ่ม 2" />
<ปุ่ม
Android: id = "@ + id / button3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ปุ่ม 3" />
[/ html]

Una เลื่อนดู สามารถแต่งได้ง่ายมากคุณต้องห่อภาชนะที่คุณต้องเขียน: