มุมมองบน Android

พื้นฐานคู่มือการเขียนโปรแกรม Android-4

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

ดูกลุ่ม

  • เลย์เอาต์เชิงเส้น
    • จัดกลุ่มองค์ประกอบในบรรทัดเดียวซึ่งอาจเป็นแนวตั้งหรือแนวนอน
  • เลย์เอาต์ญาติ
    • องค์ประกอบถูกจัดเรียงให้สัมพันธ์กันและระยะขอบ มีความยืดหยุ่นมากที่สุดและใช้มากที่สุด
  • ScrollView
    • ใช้สำหรับมุมมองที่ไม่พอดีกับหน้าจอ สามารถมีได้เพียงมุมมองเดียวหรือกลุ่มมุมมองและเพิ่มแถบเลื่อนโดยอัตโนมัติ
  • เค้าโครงตาราง
    • จัดกลุ่มรายการเป็นแถวและคอลัมน์ ประกอบด้วยองค์ประกอบ 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">
<TextView
Android: id = "@ + id / textView1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 1" />
<TextView
Android: id = "@ + id / textView2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 2" />
<TextView
Android: id = "@ + id / textView3"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 3" />
<TextView
Android: id = "@ + id / textView4"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: text = "ข้อความ 4" />
[/ html]

มุมมองใน Android-1

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

มุมมองใน Android-2Una ScrollView สามารถแต่งได้ง่ายมากคุณต้องห่อภาชนะที่คุณต้องเขียน:

[html]
android: layout_width = "fill_parent"
android: layout_height = "fill_parent"
xmlns: android = "http://schemas.android.com/apk/res/android"
<…>
[/ html]
ประการสุดท้าย RelativeLayout เป็นคอนเทนเนอร์ที่หลากหลายและทรงพลังที่สุด แต่ก็เป็นหนึ่งในคอนเทนเนอร์ที่ซับซ้อนที่สุดในการจัดการ เราจะไม่แตะตัวเลือกทั้งหมดที่นี่เนื่องจากมีจำนวนมากเกินไป สำหรับข้อมูลอ้างอิงโดยละเอียดเพิ่มเติมเราจะไปที่ไฟล์ เอกสารอย่างเป็นทางการ. ตัวอย่างง่ายๆมีดังต่อไปนี้: ปุ่มสองปุ่มในแนวนอนเดียวกันปุ่มหนึ่งมีขนาดของข้อความในนั้นและอีกปุ่มหนึ่งจะขยายออกเพื่อครอบครองส่วนที่เหลือของแถว:
[html]
<RelativeLayout
xmlns: android = "http://schemas.android.com/apk/res/android"
android: layout_width = "match_parent"
android: layout_height = "match_parent">
<Button
Android: id = "@ + id / button1"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: layout_alignParentLeft = "จริง"
android: layout_alignParentTop = "จริง"
android: text = "ปุ่ม 1" />
<Button
Android: id = "@ + id / button2"
android: layout_width = "wrap_content"
android: layout_height = "wrap_content"
android: layout_alignParentRight = "จริง"
android: layout_alignParentTop = "จริง"
android: layout_toRightOf = "@ + id / button1"
android: text = "ปุ่ม 2" />

[/ html]

มุมมองใน Android-3ในตัวอย่างนี้ปุ่มแรกจะเรียงชิดขอบด้านซ้ายและด้านบนของคอนเทนเนอร์และปุ่ม 2 จะจัดแนวกับด้านบนขวาและขอบด้านขวาของปุ่ม 1

ชม

  • TextView
    • แสดงข้อความคงที่
  • แก้ไขข้อความ
    • มีข้อความที่แก้ไขได้
  • ปุ่ม
    • ปุ่มธรรมดา
  • ImageButton
    • ปุ่มนี้ช่วยให้คุณแสดงรูปภาพแทนข้อความ
  • ToggleButton
    • ปุ่มที่สามารถคงสถานะกดไว้ได้จนกว่าจะกดอีกครั้ง
  • กล่องกาเครื่องหมาย
    • ปุ่มที่คล้ายกับ ToggleButton ที่ทำงานเป็นกล่องกาเครื่องหมาย

เราได้เห็นมาก่อนแล้วว่า TextView ทำงานอย่างไรเนื่องจากต้องรวมข้อความเท่านั้น ใน เอกสารอย่างเป็นทางการ เราสามารถค้นหาตัวเลือกขั้นสูงเพิ่มเติมเช่นการเปลี่ยนแปลงแบบอักษรขนาดตัวอักษรสีและอื่น ๆ อีกมากมาย

ปุ่มต่างๆมีความน่าสนใจมากกว่าเนื่องจากเราต้องเชื่อมโยงการกระทำกับปุ่มเหล่านี้ เราจะไปดูสองวิธี ในหนึ่งเดียวเราเชื่อมโยงการกระทำโดยตรงกับรหัสของกิจกรรมของเรา:

[html]
ปุ่มปุ่ม = (Button) findViewById (R.id.button1);
button.setOnClickListener (View OnClickListener ใหม่ () {
โมฆะสาธารณะ onClick (View v) {
DisplayToast ("คุณกดปุ่ม");
}
});
[/ html]

นี่คือรหัสที่เรากำหนดให้กับองค์ประกอบในไฟล์ XML ซึ่งเราจำเป็นต้องใช้เพื่อค้นหาในรหัส ด้วยวิธีนี้เราสามารถเชื่อมโยงการกระทำที่เราต้องการได้ อีกทางเลือกหนึ่งคือการรวมองค์ประกอบ "android: onClick =" btnClicked "ไว้ใน XML ของปุ่มจากนั้นเพิ่มวิธีการที่มีชื่อที่ระบุลงในโค้ดกิจกรรมโดยตรง:

[html]
โมฆะสาธารณะ onClick (View v) {
DisplayToast ("คุณกดปุ่ม");
}
[/ html]

สำหรับ CheckBox หรือ ToggleButton เราสามารถทำสิ่งที่คล้ายกับวิธีแรกได้ เราได้รับการอ้างอิงผ่าน findViewById และใช้ส่วนต่อไปนี้:

[html]
button.setOnCheckedChangeListener (ใหม่ OnCheckedChangeListener () {
@Override โมฆะสาธารณะ onCheckedChanged (CompoundButton buttonView, isChecked บูลีน) {
ถ้า (isChecked) DisplayToast ("คุณได้เปิดใช้งานปุ่ม");
อื่น DisplayToast ("คุณได้ปิดการใช้งานปุ่ม");
}
});
[/ html]


เนื้อหาของบทความเป็นไปตามหลักการของเรา จรรยาบรรณของบรรณาธิการ. หากต้องการรายงานข้อผิดพลาดให้คลิก ที่นี่.

8 ความคิดเห็นฝากของคุณ

แสดงความคิดเห็นของคุณ

อีเมล์ของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมายด้วย *

*

*

  1. รับผิดชอบข้อมูล: Actualidad Blog
  2. วัตถุประสงค์ของข้อมูล: ควบคุมสแปมการจัดการความคิดเห็น
  3. ถูกต้องตามกฎหมาย: ความยินยอมของคุณ
  4. การสื่อสารข้อมูล: ข้อมูลจะไม่ถูกสื่อสารไปยังบุคคลที่สามยกเว้นตามข้อผูกพันทางกฎหมาย
  5. การจัดเก็บข้อมูล: ฐานข้อมูลที่โฮสต์โดย Occentus Networks (EU)
  6. สิทธิ์: คุณสามารถ จำกัด กู้คืนและลบข้อมูลของคุณได้ตลอดเวลา

  1.   ชีวา dijo

    สวัสดีหมาฉันชื่อแพะ
    ฉันต้องการมีเพศสัมพันธ์กับอีวาน

  2.   คนคิวบา dijo

    ช่างเป็นย่านที่ดีสิ่งที่เป็นย่านที่ดีที่ย่านของไอ้จะไม่คุ้มกับเงิน แต่มันก็เต็มไปด้วยโคลน

  3.   เหา dijo

    ฉันต้องการที่จะมีเพศสัมพันธ์กับ chuy

  4.   เฮด dijo

    ฉันจะติดตั้ง apk ได้อย่างไร? ด่วน !!

    1.    ฟรานซิสโก รุยซ์ dijo

      คุณนำไฟล์ apk และคัดลอกไปยัง sdcard หรือหน่วยความจำภายในของเทอร์มินัลที่คุณตัดสินใจติดตั้ง จากนั้นด้วย file explorer ใด ๆ ที่คุณป้อนเส้นทางที่คุณวางไว้และการคลิกที่ไฟล์นั้นจะทำงานโดยอัตโนมัติ หากส่งคืนหน้าต่างเล็ก ๆ พร้อมปุ่มที่ตั้งค่าคุณจะต้องคลิกเพื่อเปิดใช้งานสิทธิ์เพื่อให้สามารถติดตั้งแอปพลิเคชันจากแหล่งที่ไม่รู้จักได้

  5.   ลูโดวิโก dijo

    นาย. ความหมายของสัญลักษณ์ Android คืออะไร?
    L

  6.   ตุ้กฟา dijo

    GFA ของคุณมีหลุม 20 เมตรและ CHIVA ก็กินมัน

  7.   damian dijo

    ส่วนที่ว่า
    โมฆะสาธารณะ onClick (View v) {
    DisplayToast ("คุณกดปุ่ม");
    }
    ควรจะเป็น
    โมฆะสาธารณะ btnClicked (ดู v) {
    DisplayToast ("คุณกดปุ่ม");
    }