آموزش Stepper Touch در برنامه نویسی اندروید

سلام دوستان در این سری از آموزش برنامه نویسی اندروید به آموزش Stepper Touch در برنامه نویسی اندروید می پردازیم شاید بپرسید Stepper Touch دیگر چیست برای ساخت بخشی مانند دیجی کالا برای اضافه کردن محصول است استفاده کرده البته متریال دیزاین تر است ? در ادامه می توانید پیش نمایشی از آن را مشاهده کنید با ما همراه باشید.

همانطور که مشاهده می کنید بسیار متریال دیزاین است .
ابتدا باید آن را به پروژه خود اضافه کنید.
وارد فایل Build.gradle از نوع Top Level شده سپس در بخش repositories خط زیر را اضافه کنید.

repositories {
        maven { url 'https://jitpack.io' }
    }

repositories {

maven { url 'https://jitpack.io' }

}

برای اینکار وارد فایل Build.gradle از نوع Module شده سپس در بخش dependencies خط زیر را قرار دهید.

dependencies {
	compile 'com.github.DanielMartinus:Stepper-Touch:0.6'
}

dependencies {

compile 'com.github.DanielMartinus:Stepper-Touch:0.6'

}

پروژه را sync کنید.
یه خبر خوب امکان استفاده از این کتاب خانه به زبان کوتلین نیز وجود دارد.
بعد از اینکار وارد layout شده و view زیر را در آن قرار دهید.

<nl.dionsegijn.steppertouch.StepperTouch
        android:id="@+id/stepperTouch"
        android:layout_width="100dp"
        android:layout_height="40dp" />

<nl.dionsegijn.steppertouch.StepperTouch

android:id="@+id/stepperTouch"

android:layout_width="100dp"

android:layout_height="40dp" />

یک مثال ساده از استفاده از آن در kotlin (کوتلین)

val stepperTouch = findViewById(R.id.stepperTouch) as StepperTouch
stepperTouch.stepper.setMin(0)
stepperTouch.stepper.setMax(3)
stepperTouch.stepper.addStepCallback(object : OnStepCallback {
	override fun onStep(value: Int, positive: Boolean) {
    	Toast.makeText(applicationContext, value.toString(), Toast.LENGTH_SHORT).show()
	}
})

val stepperTouch = findViewById(R.id.stepperTouch) as StepperTouch

stepperTouch.stepper.setMin(0)

stepperTouch.stepper.setMax(3)

stepperTouch.stepper.addStepCallback(object : OnStepCallback {

override fun onStep(value: Int, positive: Boolean) {

Toast.makeText(applicationContext, value.toString(), Toast.LENGTH_SHORT).show()

}

})

setMin : کمترین مقدار Stepper را تعیین می کند.
setMax : بیشترین مقدار Stepper را تعیین می کند.
addStepCallback : برای تعریف کردن Listener استفاده شده است تا بتوانیم مقدار آن را دریافت کنیم.
در ادامه به برخی از ویژگی های آن برای سفارشی سازی می پردازیم.

app:stepperBackgroundColor=""
app:stepperButtonColor=""
app:stepperActionsColor=""
app:stepperActionsDisabledColor=""
app:stepperTextColor=""
app:stepperTextSize=""

app:stepperBackgroundColor=""

app:stepperButtonColor=""

app:stepperActionsColor=""

app:stepperActionsDisabledColor=""

app:stepperTextColor=""

app:stepperTextSize=""

app:stepperBackgroundColor : این ویژگی برای تغییر رنگ پیش زمینه استفاده می شود.
app:stepperButtonColor : رنگ خود دکمه را تنظیم می کند.
app:stepperActionsColor : رنگ دکمه بعد از کلیک را تنظیم می کند.
app:stepperTextColor : رنگ متن را تنظیم می کند.
app:stepperTextSize : اندازه متن را تنظیم می کند.

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

موفق و موید باشید.

مطالعه بیشتر