Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

ฉันจะทำให้เค้าโครงเลื่อนในแนวตั้งได้อย่างไร


ก่อนเข้าสู่ example เราควรรู้ว่า Scroll View แนวตั้ง (Scroll View) คืออะไร มุมมองเลื่อนแนวตั้งจัดทำโดยคลาส android.widget.ScrollView ใช้สำหรับเลื่อนมุมมองเด็กในแนวตั้ง

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

ขั้นตอนที่ 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">
   <ScrollView
      android:layout_width="match_parent"
      android:layout_height="match_parent">
      <LinearLayout
         android:layout_width="match_parent"
         android:orientation="vertical"
         android:layout_height="match_parent">
         <ImageView
            android:layout_width="match_parent"
            android:background="#c1c1c1"
            android:layout_height="300dp"
            android:src="@drawable/a"/>
         <ImageView
            android:layout_width="match_parent"
            android:background="#c1c1c1"
            android:layout_height="300dp"
            android:layout_marginTop="30dp"
            android:src="@drawable/b"/>
         <ImageView
            android:layout_width="match_parent"
            android:background="#c1c1c1"
            android:layout_height="300dp"
            android:layout_marginTop="30dp"
            android:src="@drawable/c"/>
         <ImageView
            android:layout_width="match_parent"
            android:background="#c1c1c1"
            android:layout_height="300dp"
            android:layout_marginTop="30dp"
            android:src="@drawable/d"/>
         <ImageView
            android:layout_width="match_parent"
            android:background="#c1c1c1"
            android:layout_height="300dp"
            android:layout_marginTop="30dp"
            android:src="@drawable/e"/>
      </LinearLayout>
   </ScrollView>
</LinearLayout>

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

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

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

ฉันจะทำให้เค้าโครงเลื่อนในแนวตั้งได้อย่างไร

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

ฉันจะทำให้เค้าโครงเลื่อนในแนวตั้งได้อย่างไร

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

ฉันจะทำให้เค้าโครงเลื่อนในแนวตั้งได้อย่างไร

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