วิธีการใช้ HorizontalScrollView เช่น Gallery ใน Android?

ก่อนจะยกตัวอย่างเราควรรู้ว่า Horizontal Scroll View คืออะไร มุมมองเลื่อนแนวนอนให้โดย android.widget.HorizontalScrollView ระดับ. ใช้เพื่อเลื่อนมุมมองเด็กในแนวนอน

ตัวอย่างนี้สาธิตวิธีการใช้มุมมองการเลื่อนแนวนอน

ขั้นตอนที่ 1 − สร้างโครงการใหม่ใน Android Studio ไปที่ไฟล์ ⇒ โครงการใหม่และกรอกรายละเอียดที่จำเป็นทั้งหมดเพื่อสร้างโครงการใหม่

ขั้นตอนที่ 2 − เพิ่มรหัสต่อไปนี้ใน res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
   android:layout_width="match_parent"
   android:id="@+id/layout"
   android:layout_height="match_parent">
   <HorizontalScrollView
      android:layout_width="match_parent"
      android:layout_height="300dp">
      <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent">
         <ImageView
            android:layout_width="300dp"
            android:background="#c1c1c1"
            android:layout_height="match_parent"
            android:src="@drawable/a"/>
         <ImageView
            android:layout_width="300dp"
            android:background="#c1c1c1"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp"
            android:src="@drawable/b"/>
         <ImageView
            android:layout_width="300dp"
            android:background="#c1c1c1"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp"
            android:src="@drawable/c"/>
         <ImageView
            android:layout_width="300dp"
            android:background="#c1c1c1"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp"
            android:src="@drawable/d"/>
         <ImageView
            android:layout_width="300dp"
            android:background="#c1c1c1"
            android:layout_height="match_parent"
            android:layout_marginLeft="30dp"
            android:src="@drawable/e"/>
      </LinearLayout>
   </HorizontalScrollView>
</LinearLayout>

ในโค้ดด้านบนนี้ เราได้ประกาศเลย์เอาต์เชิงเส้นเป็นพาเรนต์และเพิ่มมุมมองการเลื่อนแนวนอน มุมมองเลื่อนแนวนอนจะเลื่อนมุมมองลูกในแนวนอน ดังนั้นเราจึงสร้างเค้าโครงเชิงเส้นเป็นลูกสำหรับมุมมองเลื่อนแนวนอนและเพิ่มลูกสำหรับเค้าโครงเชิงเส้น เราได้ให้มุมมองภาพเด็กห้ามุมมองเพื่อเลื่อน

ขั้นตอนที่ 3 - ไม่จำเป็นต้องเปลี่ยน manifest.xml และกิจกรรม

มาลองเรียกใช้แอปพลิเคชันของคุณกัน ฉันคิดว่าคุณได้เชื่อมต่ออุปกรณ์มือถือ Android จริงกับคอมพิวเตอร์ของคุณ ในการรันแอพจาก android studio ให้เปิดไฟล์กิจกรรมของโปรเจ็กต์ของคุณแล้วคลิกไอคอน Run จากแถบเครื่องมือ เลือกอุปกรณ์มือถือของคุณเป็นตัวเลือก แล้วตรวจสอบอุปกรณ์มือถือของคุณซึ่งจะแสดงหน้าจอเริ่มต้นของคุณ -

ในผลลัพธ์ข้างต้นเป็นหน้าจอเริ่มต้นเมื่อคุณเลื่อนในแนวนอน มันจะเลื่อนดังภาพด้านล่าง -

จากผลลัพธ์ข้างต้น เรากำลังเลื่อนดูภาพในแนวนอน

ในที่สุดก็จะถึงตำแหน่งสุดท้ายของการเลื่อนแนวนอนตามที่แสดงด้านบน