ก่อนที่จะยกตัวอย่างเราควรรู้ว่าแท็บโฮสต์ใน Android คืออะไร โฮสต์แท็บมีชุดของแท็บ แต่ละแท็บประกอบด้วยส่วนหรือกิจกรรมตามข้อกำหนดของโครงการ ผู้ใช้สามารถเลื่อนแท็บจากซ้ายไปขวาหรือขวาไปซ้ายได้
ตัวอย่างนี้สาธิตวิธีใช้แท็บโฮสต์ใน Android
ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่
ขั้นตอนที่ 2 − เพิ่มโค้ดต่อไปนี้ใน res/layout/activity_main.xml
<ปุ่ม android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tab1" /> <ปุ่ม android:id="@+id/button2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="tab2" />
ในเลย์เอาต์ด้านบน เราได้ประกาศเลย์เอาต์ของเฟรมเป็นวิดเจ็ตย่อยของแท็บ (ตาม android.com กำหนดให้เลย์เอาต์เฟรมเป็นเนื้อหาสำหรับวิดเจ็ตแท็บ)
ขั้นตอนที่ 3 − เพิ่มรหัสต่อไปนี้ใน src/MainActivity.java
<ก่อนหน้า>นำเข้า android.os.Bundle นำเข้า android.support.v7.app.AppCompatActivity นำเข้า android.widget.RadioButton นำเข้า android.widget.TabHost คลาสสาธารณะ MainActivity ขยาย AppCompatActivity { RadioButton radioButton; @Override ป้องกันโมฆะ onCreate (Bundle saveInstanceState) { super.onCreate (savedInstanceState); setContentView(R.layout.activity_main); แท็บ TabHost =(TabHost) findViewById (R.id.tabhost); tabs.setup(); ข้อมูลจำเพาะ TabHost.TabSpec =tabs.newTabSpec("tag1"); spec.setContent(R.id.tab1); spec.setIndicator("ก่อน"); tabs.addTab (ข้อมูลจำเพาะ); spec =tabs.newTabSpec("tag2"); spec.setContent(R.id.tab2); spec.setIndicator("วินาที"); tabs.addTab (ข้อมูลจำเพาะ); }}ขั้นตอนที่ 4 - ไม่จำเป็นต้องเปลี่ยนไฟล์ manifest.xml
มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการเรียกใช้แอปจากสตูดิโอ Android ให้เปิดไฟล์กิจกรรมของโครงการและคลิกไอคอนเรียกใช้จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก จากนั้นตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ
ตอนนี้คลิกที่แท็บที่สอง ควรให้ผลดังภาพด้านล่าง -
