Android में HorizontalScrollView का उपयोग गैलरी की तरह कैसे करें?

परिचय

उदाहरण में जाने से पहले, हमें पता होना चाहिए कि Horizontal Scroll View क्या है। HorizontalScrollView android.widget.HorizontalScrollView क्लास द्वारा प्रदान किया जाता है। इसका उपयोग चाइल्ड व्यू को क्षैतिज दिशा में स्क्रॉल करने के लिए किया जाता है।

यह उदाहरण दर्शाता है कि Horizontal Scroll View का उपयोग कैसे करें।

चरण 1: नया प्रोजेक्ट बनाएं

Android Studio में File → New Project पर जाएं और नया प्रोजेक्ट बनाने के लिए सभी आवश्यक विवरण भरें।

चरण 2: 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>

उपरोक्त कोड में हमने Linear Layout को पैरेंट के रूप में घोषित किया है और Horizontal Scroll View जोड़ा है। Horizontal Scroll View अपने चाइल्ड व्यू को क्षैतिज दिशा में स्क्रॉल करेगा इसलिए हमने Horizontal Scroll View के लिए चाइल्ड के रूप में Linear Layout बनाया और Linear Layout के लिए चाइल्ड जोड़े। हमें स्क्रॉल करने के लिए पांच चाइल्ड ImageViews दिए हैं।

चरण 3: Manifest.xml और एक्टिविटीज

Manifest.xml और एक्टिविटीज में कोई बदलाव करने की आवश्यकता नहीं है।

ऐप चलाएं

मान लें कि आपने अपना वास्तविक Android मोबाइल डिवाइस कंप्यूटर से कनेक्ट किया है। Android Studio से ऐप चलाने के लिए, अपनी प्रोजेक्ट की एक्टिविटी फ़ाइलों में से एक खोलें और टूलबार से Run आइकन पर क्लिक करें। अपने मोबाइल डिवाइस को विकल्प के रूप में चुनें और फिर अपना मोबाइल डिवाइस जांचें जो डिफ़ॉल्ट स्क्रीन प्रदर्शित करेगा:

उपरोक्त परिणाम प्रारंभिक स्क्रीन है जब आप क्षैतिज रूप से स्क्रॉल करते हैं तो यह नीचे दिखाए अनुसार स्क्रॉल करेगा:

उपरोक्त परिणाम में, हम ImageViews को क्षैतिज रूप से स्क्रॉल कर रहे हैं।

अंत में यह Horizontal Scroll View की अंतिम स्थिति पर पहुंच जाएगा जैसा कि ऊपर दिखाया गया है।