Computer >> Máy Tính >  >> Lập trình >> Android

Làm cách nào để làm cho bố cục của tôi cuộn theo chiều dọc?

Trước khi đi vào ví dụ, chúng ta nên biết thế nào là Chế độ xem cuộn dọc (Scroll View). Chế độ xem Vertical Scroll do lớp android.widget.ScrollView cung cấp. Nó được sử dụng để cuộn các chế độ xem con theo hướng dọc.

Ví dụ này minh họa về cách sử dụng chế độ xem Cuộn dọc.

Bước 1 - Tạo một dự án mới trong Android Studio, đi tới Tệp ⇒ Dự án Mới và điền tất cả các chi tiết cần thiết để tạo một dự án mới.

Bước 2 - Thêm mã sau vào 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>

Trong đoạn mã trên, chúng tôi đã khai báo Bố cục tuyến tính là cha và thêm chế độ xem Cuộn dọc. Chế độ xem cuộn dọc sẽ cuộn chế độ xem con của nó theo hướng Dọc, vì vậy chúng tôi đã tạo Bố cục tuyến tính làm con cho Chế độ xem cuộn dọc và thêm con cho bố cục tuyến tính. Chúng tôi đã cung cấp cho năm chế độ xem hình ảnh con để cuộn.

Bước - Không cần thay đổi tệp kê khai.xml và các hoạt động.

Hãy thử chạy ứng dụng của bạn. Tôi giả sử bạn đã kết nối thiết bị Di động Android thực tế với máy tính của mình. Để chạy ứng dụng từ android studio, hãy mở một trong các tệp hoạt động của dự án của bạn và nhấp vào biểu tượng Chạy từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn, sau đó kiểm tra thiết bị di động sẽ hiển thị màn hình mặc định của bạn -

Làm cách nào để làm cho bố cục của tôi cuộn theo chiều dọc?

Trong kết quả trên là màn hình ban đầu khi bạn cuộn dọc nó sẽ cuộn như hình bên dưới-

Làm cách nào để làm cho bố cục của tôi cuộn theo chiều dọc?

Trong kết quả trên, chúng tôi đang cuộn chế độ xem hình ảnh theo chiều dọc.

Làm cách nào để làm cho bố cục của tôi cuộn theo chiều dọc?

Cuối cùng, nó sẽ đạt đến vị trí cuối cùng của chế độ xem cuộn dọc như hiển thị ở trên.