Android Tutorial
Software Setup and Configuration
Android Studio
File Structure
Components
Core Topics
Layout
View
Button
Intent and Intent Filters
Toast
RecyclerView
Fragments
Adapters
Other UI Component
Image Loading Libraries
Date and Time
Material Design
Bars
Working with Google Maps
Chart
Animation
Database
Advance Android
Jetpack
Architecture
App Publish
App Monetization
A ProgressBar in Android provides visual feedback about the progress of an ongoing task. There are two primary types of progress bars:
Here's a step-by-step guide to implementing a ProgressBar in an Android app using Kotlin:
In your XML layout file, add the ProgressBar widget:
<!-- Determinate ProgressBar -->
<ProgressBar
android:id="@+id/determinateProgressBar"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:progress="50" /> <!-- Set initial progress -->
<!-- Indeterminate ProgressBar -->
<ProgressBar
android:id="@+id/indeterminateProgressBar"
style="?android:attr/progressBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="true" />
In your Kotlin code (probably within an Activity or Fragment):
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
// Access the progress bars
val determinateProgressBar: ProgressBar = findViewById(R.id.determinateProgressBar)
val indeterminateProgressBar: ProgressBar = findViewById(R.id.indeterminateProgressBar)
// Set progress for the determinate progress bar
determinateProgressBar.progress = 30 // This will set it to 30%
// Hide or show the progress bars
determinateProgressBar.visibility = View.VISIBLE
indeterminateProgressBar.visibility = View.GONE
}
}
If you're performing a background task, such as downloading a file, you might want to update the ProgressBar accordingly. One common approach is using AsyncTask (though it's deprecated as of Android 11) or better yet, Kotlin's coroutines:
lifecycleScope.launch {
// Some long-running task
for (i in 0..100) {
delay(50) // Simulating work
determinateProgressBar.progress = i
}
}
Always remember to manipulate UI components on the main thread. If you're updating the UI from a background thread, ensure you switch back to the main thread, which Kotlin coroutines' withContext(Dispatchers.Main) can help with.
That's a basic introduction to ProgressBar in Kotlin for Android. Depending on your specific needs, there are further customizations and styles available to adjust the appearance and behavior of the ProgressBar.
Android ProgressBar example code in Kotlin:
// Assuming you have a ProgressBar in your XML layout with the id progressBar val progressBar: ProgressBar = findViewById(R.id.progressBar) // Set progress value progressBar.progress = 50
Customizing ProgressBar in Kotlin Android:
Customize the ProgressBar appearance using XML attributes or programmatically in Kotlin:
// Programmatically change ProgressBar color progressBar.progressTintList = ColorStateList.valueOf(Color.RED)
ProgressBar styles and attributes in Kotlin:
Customize ProgressBar styles and attributes in XML:
<ProgressBar
android:id="@+id/progressBar"
style="?android:attr/progressBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
Horizontal ProgressBar in Kotlin Android:
Use a horizontal ProgressBar:
<ProgressBar
android:id="@+id/progressBarHorizontal"
style="?android:attr/progressBarStyleHorizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
Circular ProgressBar in Kotlin example:
Create a circular ProgressBar:
<ProgressBar
android:id="@+id/progressBarCircular"
style="?android:attr/progressBarStyleLarge"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
Updating ProgressBar dynamically in Kotlin:
Update the ProgressBar value dynamically:
val progressBar: ProgressBar = findViewById(R.id.progressBar) progressBar.progress = 75
ProgressBar with AsyncTask in Kotlin Android:
Use AsyncTask to update ProgressBar in the background:
class MyTask : AsyncTask<Void, Int, Void>() {
override fun doInBackground(vararg params: Void?): Void? {
// Background task
publishProgress(50) // Update progress
return null
}
override fun onProgressUpdate(vararg values: Int?) {
// Update UI on progress change
progressBar.progress = values[0] ?: 0
}
}
SeekBar as a ProgressBar in Kotlin:
Use SeekBar as a ProgressBar:
<SeekBar
android:id="@+id/seekBar"
android:layout_width="match_parent"
android:layout_height="wrap_content" />
ProgressBar with percentage display in Kotlin:
Display progress percentage:
val progressBar: ProgressBar = findViewById(R.id.progressBar)
val textViewPercentage: TextView = findViewById(R.id.textViewPercentage)
progressBar.setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
override fun onProgressChanged(seekBar: SeekBar?, progress: Int, fromUser: Boolean) {
textViewPercentage.text = "$progress%"
}
override fun onStartTrackingTouch(seekBar: SeekBar?) {}
override fun onStopTrackingTouch(seekBar: SeekBar?) {}
})
ProgressBar with indeterminate mode in Kotlin:
Use indeterminate mode for a ProgressBar:
<ProgressBar
android:id="@+id/progressBarIndeterminate"
style="?android:attr/progressBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:indeterminate="true" />
Handling ProgressBar visibility in Kotlin:
Toggle ProgressBar visibility:
val progressBar: ProgressBar = findViewById(R.id.progressBar) // Show ProgressBar progressBar.visibility = View.VISIBLE // Hide ProgressBar progressBar.visibility = View.GONE
ProgressBar with animation in Kotlin Android:
Apply animation to the ProgressBar:
val progressBar: ProgressBar = findViewById(R.id.progressBar) val objectAnimator = ObjectAnimator.ofInt(progressBar, "progress", 0, 100) objectAnimator.duration = 2000 objectAnimator.start()
ProgressBar in RecyclerView item in Kotlin:
Use ProgressBar in a RecyclerView item layout:
<ProgressBar
android:id="@+id/progressBar"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
Styling and theming ProgressBar in Kotlin:
Customize the style and theme of the ProgressBar in XML or programmatically:
<ProgressBar
android:id="@+id/progressBarStyled"
style="@style/MyProgressBarStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<style name="MyProgressBarStyle" parent="@android:style/Widget.ProgressBar.Horizontal">
<item name="android:progressDrawable">@drawable/custom_progress_bar</item>
</style>