Android Kotlin – التعامل مع SeekBar

شرح التعامل مع SeekBar لاستخدامها داخل التطبيق في لغة kotlin

اولاً نقوم باضافة العنصر الى layout الخاص في الواجهة

&lt;SeekBar
    android:id="@+id/seek_bar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp"/&gt;

<SeekBar

android:id="@+id/seek_bar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="10dp"/>

تلقائياً يكون من 0 الى 100 يمكن تغير القيمة عن طريق max value

android:max

1	android:max

مثلاً

android:max="10"

1	android:max="10"

سوف يصبح من 0 الى 10

ال event الخاص به لاخذ القيمة النهائية او وهوا المستخدم يختار

override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
    // called when progress is changed
}

override fun onStartTrackingTouch(seekBar: SeekBar?) {
    // called when tracking the seekBar is started
}

override fun onStopTrackingTouch(seekBar: SeekBar?) {
    // called when tracking the seekBar is stopped
}

override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {

// called when progress is changed

}

override fun onStartTrackingTouch(seekBar: SeekBar?) {

// called when tracking the seekBar is started

}

override fun onStopTrackingTouch(seekBar: SeekBar?) {

// called when tracking the seekBar is stopped

}

سوف نقوم بتغير قيمة textview داخل دالة onProgressChanged لاظهار القيمة والمستخدم يحرك لاختيار القيمة
واخيراً يتم جلب القيمة النهائية عند ضغط المستخدم على button

seek_bar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener{
    override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
        // called when progress is changed
        text_view.text = progress.toString()
    }

    override fun onStartTrackingTouch(seekBar: SeekBar?) {
        // called when tracking the seekBar is started
    }

    override fun onStopTrackingTouch(seekBar: SeekBar?) {
        // called when tracking the seekBar is stopped
    }
})

btn.setOnClickListener({
    showToast(seek_bar.progress.toString())
})

seek_bar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener{

override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {

// called when progress is changed

text_view.text = progress.toString()

}

override fun onStartTrackingTouch(seekBar: SeekBar?) {

// called when tracking the seekBar is started

}

override fun onStopTrackingTouch(seekBar: SeekBar?) {

// called when tracking the seekBar is stopped

}

})

btn.setOnClickListener({

showToast(seek_bar.progress.toString())

})

كود xml كاملاً

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.kotdroid.testkotlin.MainActivity"&gt;

    &lt;SeekBar
        android:id="@+id/seek_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="10"
        android:layout_margin="10dp"/&gt;

    &lt;TextView
        android:id="@+id/text_view"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="15dp"/&gt;

    &lt;Button
        android:id="@+id/btn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:text="Click" /&gt;

&lt;/LinearLayout&gt;

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

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical"

tools:context="com.kotdroid.testkotlin.MainActivity">

<SeekBar

android:id="@+id/seek_bar"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:max="10"

android:layout_margin="10dp"/>

<TextView

android:id="@+id/text_view"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_margin="15dp"/>

<Button

android:id="@+id/btn"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="center"

android:text="Click" />

</LinearLayout>

كود kotlin كاملاً

class MainActivity : AppCompatActivity() {

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

        seek_bar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener{
            override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
                // called when progress is changed
                text_view.text = progress.toString()
            }

            override fun onStartTrackingTouch(seekBar: SeekBar?) {
                // called when tracking the seekBar is started
            }

            override fun onStopTrackingTouch(seekBar: SeekBar?) {
                // called when tracking the seekBar is stopped
            }
        })

        btn.setOnClickListener({
            showToast(seek_bar.progress.toString())
        })

    }

    fun showToast(message: String) {
        Toast.makeText(applicationContext, message, Toast.LENGTH_LONG).show()
    }
}

class MainActivity : AppCompatActivity() {

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

seek_bar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener{

override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {

// called when progress is changed

text_view.text = progress.toString()

}

override fun onStartTrackingTouch(seekBar: SeekBar?) {

// called when tracking the seekBar is started

}

override fun onStopTrackingTouch(seekBar: SeekBar?) {

// called when tracking the seekBar is stopped

}

})

btn.setOnClickListener({

showToast(seek_bar.progress.toString())

})

}

fun showToast(message: String) {

Toast.makeText(applicationContext, message, Toast.LENGTH_LONG).show()

}

شارك هذا الموضوع:

اضافة تعليق إلغاء الرد