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

Làm thế nào để triển khai HorizontalScrollView giống như Thư viện trong Android?

Trước khi đi vào ví dụ, chúng ta nên biết Chế độ xem cuộn ngang là gì. Chế độ xem cuộn ngang được cung cấp bởi android.widget.HorizontalScrollView lớp. Nó được sử dụng để cuộn các chế độ xem con theo hướng ngang.

Ví dụ này trình bày cách sử dụng dạng xem Cuộn ngang.

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">
   <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>

Trong đoạn mã trên, chúng ta đã khai báo Bố cục tuyến tính là cha và thêm chế độ xem Cuộn ngang. Chế độ xem cuộn ngang sẽ cuộn chế độ xem con của nó theo hướng ngang, vì vậy chúng tôi đã tạo Bố cục tuyến tính dưới dạng con cho chế độ xem cuộn ngang 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 3 - 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 Run Làm thế nào để triển khai HorizontalScrollView giống như Thư viện trong Android? 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 thế nào để triển khai HorizontalScrollView giống như Thư viện trong Android?

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

Làm thế nào để triển khai HorizontalScrollView giống như Thư viện trong Android?

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

Làm thế nào để triển khai HorizontalScrollView giống như Thư viện trong Android?

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