آموزش HorizontalScrollView به زبان کوتلین در اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش HorizontalScrollView به زبان کوتلین در اندروید می پردازیم در این آموزش یک ScrollView افقی یا Horizontal ایجاد می کنیم در اینجا از HorizontalScrollView به منظور ساخت یک scroll افقی استفاده می کنیم در ادامه با ما همراه باشید تا نحوه استفاده از HorizontalScrollView را یاد گیرید.

وارد مسیر res/values شده و فایل strings.xml را باز کرده وکدهای زیر را در آن قرار دهید.

<resources>
    <string name="app_name">HorizontalScrollView - Programchi</string>
    <string name="no_image">No Image</string>
</resources>

<string name="app_name">HorizontalScrollView - Programchi</string>

<string name="no_image">No Image</string>

</resources>

قبل از اینکه وارد کد بشویم ابتدا باید یکسری عکس را از لینک زیر دانلود کرده و در پوشه drawable قرار دهید.
لینک دانلود
بعد از اینکار وارد layout اصلی خودتان شده در اینجا نام آن برابر با activity_main.xml است.

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:orientation="horizontal">
        <ImageView
            android:id="@+id/image1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:layout_marginRight="20dp"
            android:contentDescription="@string/no_image"
            android:src="@drawable/guava"/>
        <ImageView
            android:id="@+id/image2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:contentDescription="@string/no_image"
            android:src="@drawable/jackfruit"/>
        <ImageView
            android:id="@+id/image3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:contentDescription="@string/no_image"
            android:src="@drawable/mix_fruit"/>
        <ImageView
            android:id="@+id/image4"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:contentDescription="@string/no_image"
            android:src="@drawable/pomegranate"/>
        <ImageView
            android:id="@+id/image5"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:contentDescription="@string/no_image"
            android:src="@drawable/strawberry"/>
        <ImageView
            android:id="@+id/image6"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:contentDescription="@string/no_image"
            android:src="@drawable/zespri_kiwi"/>
    </LinearLayout>
</HorizontalScrollView>

<?xml version="1.0" encoding="utf-8"?>

<HorizontalScrollView

android:layout_width="match_parent"

android:layout_height="match_parent">

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:orientation="horizontal">

<ImageView

android:id="@+id/image1"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginLeft="20dp"

android:layout_marginRight="20dp"

android:contentDescription="@string/no_image"

android:src="@drawable/guava"/>

<ImageView

android:id="@+id/image2"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginRight="20dp"

android:contentDescription="@string/no_image"

android:src="@drawable/jackfruit"/>

<ImageView

android:id="@+id/image3"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginRight="20dp"

android:contentDescription="@string/no_image"

android:src="@drawable/mix_fruit"/>

<ImageView

android:id="@+id/image4"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginRight="20dp"

android:contentDescription="@string/no_image"

android:src="@drawable/pomegranate"/>

<ImageView

android:id="@+id/image5"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginRight="20dp"

android:contentDescription="@string/no_image"

android:src="@drawable/strawberry"/>

<ImageView

android:id="@+id/image6"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_marginRight="20dp"

android:contentDescription="@string/no_image"

android:src="@drawable/zespri_kiwi"/>

</LinearLayout>

</HorizontalScrollView>

در بالا ما یکسری Image قرار دادیم که باعث اسکرول شدن شود. همانطور که در آموزش قبلی ScrollView گفتیم که باید هر ScrollView یک Child یا فرزند داشته باشد در اینجا هم به همین شکل است.
در بخش MainActivity.kt هم همانند زیر چیز خاصی قرار نگرفته است.

package ir.programchi.horizontalscrollview
import android.os.Bundle
import android.support.v7.app.AppCompatActivity
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
    }
}

package ir.programchi.horizontalscrollview

import android.os.Bundle

import android.support.v7.app.AppCompatActivity

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

}

و در صورتی که بخواهید HorizontalScrollView را find کنید می توانید از کد زیر استفاده کنید.
به سهشکل find کردن امکان پذیر است.
حالت اول

val scrollbar= findViewById(R.id.scroll) as HorizontalScrollView

1	val scrollbar= findViewById(R.id.scroll) as HorizontalScrollView

حالت دوم

val scrollview:HorizontalScrollView = findViewById(R.id.scrollview)

1	val scrollview:HorizontalScrollView = findViewById(R.id.scrollview)

حالت سوم

val scrolls = findViewById<HorizontalScrollView>(R.id.scroollllbarrrr)

1	val scrolls = findViewById<HorizontalScrollView>(R.id.scroollllbarrrr)

استفاده کلی از ScrollView افقی همانند زیر است.

<?xml version="1.0" encoding="utf-8"?>
<HorizontalScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:orientation="horizontal">
    </LinearLayout>
</HorizontalScrollView>

<?xml version="1.0" encoding="utf-8"?>

<HorizontalScrollView

android:layout_width="match_parent"

android:layout_height="match_parent">

<LinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="20dp"

android:orientation="horizontal">

</LinearLayout>

</HorizontalScrollView>

این آموزش هم به پایان رسید.
موفق باشید.

مطالعه بیشتر

آموزش HorizontalScrollView به زبان کوتلین در اندروید

کوتلین (kotlin) چیست ؟

چرا باید از زبان کوتلین در اندروید استفاده کنیم ؟

آموزش اضافه کردن kotlin به اندروید استودیو

مطالب مشابه

دیدگاهتان را بنویسید لغو پاسخ

کوتلین (kotlin) چیست ؟

چرا باید از زبان کوتلین در اندروید استفاده کنیم ؟

آموزش اضافه کردن kotlin به اندروید استودیو

مطالب مشابه

دیدگاهتان را بنویسید لغو پاسخ

اشتراک گذاری در شبکه های اجتماعی