کتابخانه اندروید کاتلین StepperView اندروید استودیو

کتابخانه کاتلین StepperView

StepperView

سلام خدمت کاربران گرامی سایت خانه اندروید در خدمت شما هستیم با معرفی کتابخانه قدرتمند و جالب و کاربردی که می توانید برای سفارش محصولات و یا برای مراحل ثبت نام و یا فرم های زیادی دارین که می خواهین مرحله به مرحله نشان دهید.این کتابخانه به زبان کاتلین پیاده سازی شده و می توانید در پروژه کاتلین خودتون استفاده کنید.

برای این منظور لازم هست اول کتابخانه مورد نظر را اضافه کنید به قسمت بیلد گردیل:

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


dependencies {
    compile 'com.github.FilipeLipan:StepperView:1.0.71'
}

برای استفاده از این کتابخانه لازم هست پس از افزودن کتابخانه توی بخش دیزاین سورس کد زیر را به بخش xml اکتیویتی اضافه کنید.

 <com.filipelipan.stepperview.StepperView
      android:id="@+id/stepper"
      android:layout_width="300dp"
      android:layout_height="wrap_content"
      app:layout_constraintBottom_toBottomOf="parent"
      app:layout_constraintEnd_toEndOf="parent"
      app:layout_constraintStart_toStartOf="parent"
      app:layout_constraintTop_toTopOf="parent"
      app:quantity="3"
      app:titles="@array/test_array"
      tools:ignore="MissingConstraints" />

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

package com.filipelipan.stepperview

import android.os.Bundle
import android.support.v7.app.AppCompatActivity
import android.widget.Toast
import kotlinx.android.synthetic.main.activity_main.*

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        stepper.stepperClickListeners = object: StepperView.StepperClickListeners {
            override fun onStepClick(position: Int) {
                Toast.makeText(this@MainActivity, position.toString(), Toast.LENGTH_SHORT).show()
            }

        }

        button_test1.setOnClickListener {
            stepper.goToPreviousStep()

        }

        button_test2.setOnClickListener {
            stepper.goToNextStep()
        }
    }
}

تصاویر مورد نظر :