Trước khi đi vào ví dụ, chúng ta nên biết Horizontal Scroll View là gì. Horizontal ScrollView được cung cấp bởi lớp android.widget.HorizontalScrollView. Nó được dùng để cuộn các view con theo chiều ngang.
Ví dụ này minh họa cách sử dụng Horizontal Scroll View.
Bước 1
Tạo một dự án mới trong Android Studio, vào File → New Project và điền đầy đủ thông tin cần thiết để tạo 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 mã trên, chúng ta khai báo LinearLayout làm cha và thêm HorizontalScrollView. HorizontalScrollView sẽ cuộn view con theo chiều ngang nên chúng ta tạo LinearLayout làm con cho HorizontalScrollView và thêm các view con cho LinearLayout. Chúng ta cho 5 ImageView con để cuộn.
Bước 3
Không cần thay đổi manifest.xml và activities.
Hãy thử chạy ứng dụng. Giả sử bạn đã kết nối thiết bị Android thực tế với máy tính. Để chạy ứng dụng từ Android Studio, mở một file activity của dự án và nhấn biểu tượng Run
từ thanh công cụ. Chọn thiết bị di động của bạn làm tùy chọn và kiểm tra thiết bị sẽ hiển thị màn hình mặc định:

Kết quả trên là màn hình ban đầu. Khi cuộn ngang nó sẽ cuộn như hình dưới:

Trong kết quả trên, chúng ta đang cuộn các ImageView theo chiều ngang.

Cuối cùng nó sẽ đến vị trí cuối của HorizontalScrollView như hình trên.