Kotlin progressbar change color

Step 4: Now run the application

Conclusion: In this example we learned how to inflate views from xml file and set color to the progressbar programmatically.

Источник

Android ProgressBar using Kotlin

While we believe that this content benefits our community, we have not yet thoroughly reviewed it. If you have any suggestions for improvements, please let us know by clicking the “report an issue“ button at the bottom of the tutorial.

What is a ProgressBar?

ProgressBar UI element is used to display the Progress on the app screen. We can use a ProgressBar to show the download/upload progress on the app screen.

Progress Bar Types

1. Determinate ProgressBar — This is used when you can track and show the progress completed.
2. Indeterminate ProgressBar — This one goes infinitely until stopped.

A ProgressDialog would hold a ProgressBar inside an Alert Dialog. ProgressDialog is now deprecated since it isn’t a good idea to show long progress in a dialog while blocking the screen.

ProgressBar Attributes

Some of the important attributes of ProgressBar are:

• android:indeterminate — used to specify the boolean value indicating the type of the ProgressBar
• android:max — The upper limit of the progress
• android:min — The lower limit of the progress
• android:progress — The steps by which the progress would be incremented.
• android:minWidth and minHeight — Used to define the dimensions of the ProgressBar
• android:progressBarTint — The tint color of the progress completed of the ProgressBar
• android:progressBarBackgroundTint — The tint color of the progress completed of the ProgressBar
• style — Used to set the style of the ProgressBar. By default it is circular. We can set the style as @style/Widget.AppCompat.ProgressBar.Horizontal for the Horizontal ProgressBar
• android:progressDrawable — Is used to set a drawable for the progress.
• android:secondaryProgress — Indicates the secondary progress value. This is used when we want to show the sub-downloads/subtasks progress.

The default tint colors are set to the colorAccent defined in the styles.xml .

ProgressBar XML Layout

A basic circular indeterminate ProgressBar XML layout looks like this:

In the following section, we’ll implement various types of ProgressBars in our Android app using Kotlin.

Android ProgressBar Kotlin App Project Structure

1. XML Layout Code

The code for the activity_main.xml layout is as follows.

In the last progress bar, we’ve set a progress drawable on the horizontal ProgressBar. The drawable.xml file is progress_states.xml .

In this drawable, we’ve created different states of the drawable. All are circular shaped and each layer would be displayed for the different states — idle, secondary progress, primary progress.

2. Kotlin Main Activity Code

Let’s look at the MainActivity.kt Kotlin class code.

package net.androidly.androidlyprogressbar import android.support.v7.app.AppCompatActivity import android.os.Bundle import android.os.Handler import android.view.View import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() < var isStarted = false var progressStatus = 0 var handler: Handler? = null var secondaryHandler: Handler? = Handler() var primaryProgressStatus = 0 var secondaryProgressStatus = 0 override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) handler = Handler(Handler.Callback < if (isStarted) < progressStatus++ >progressBarHorizontal.progress = progressStatus textViewHorizontalProgress.text = "$/$" handler?.sendEmptyMessageDelayed(0, 100) true >) handler?.sendEmptyMessage(0) btnProgressBarSecondary.setOnClickListener < primaryProgressStatus = 0 secondaryProgressStatus = 0 Thread(Runnable < while (primaryProgressStatus < 100) < primaryProgressStatus += 1 try < Thread.sleep(1000) >catch (e: InterruptedException) < e.printStackTrace() >startSecondaryProgress() secondaryProgressStatus = 0 secondaryHandler?.post < progressBarSecondary.progress = primaryProgressStatus textViewPrimary.text = "Complete $primaryProgressStatus% of 100" if (primaryProgressStatus == 100) < textViewPrimary.text = "All tasks completed" >> > >).start() > > fun startSecondaryProgress() < Thread(Runnable < while (secondaryProgressStatus < 100) < secondaryProgressStatus += 1 try < Thread.sleep(10) >catch (e: InterruptedException) < e.printStackTrace() >secondaryHandler?.post < progressBarSecondary.setSecondaryProgress(secondaryProgressStatus) textViewSecondary.setText("Current task progress\n$secondaryProgressStatus% of 100") if (secondaryProgressStatus == 100) < textViewSecondary.setText("Single task complete.") >> > >).start() > fun horizontalDeterminate(view: View) < isStarted = !isStarted >> 

The horizontalDeterminate Kotlin function is triggered when the first button is clicked. It is used to start/stop Horizontal ProgressBar. A Handler is associated with a single thread. It is used to send messages to the Thread. The btnProgressBarSecondary click triggers the second progress bar. We have created two handlers — one for the normal progress and second for the subtasks. In each of them, we are setting the thread to sleep. For the secondary thread, the sleep time is 1/100 of the primary progress thread. The progress value is displayed on the TextView. Output:

You can download the project from the following link: AndroidlyProgressBar

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Источник

Android ProgressBar using Kotlin

While we believe that this content benefits our community, we have not yet thoroughly reviewed it. If you have any suggestions for improvements, please let us know by clicking the “report an issue“ button at the bottom of the tutorial.

What is a ProgressBar?

ProgressBar UI element is used to display the Progress on the app screen. We can use a ProgressBar to show the download/upload progress on the app screen.

Progress Bar Types

1. Determinate ProgressBar — This is used when you can track and show the progress completed.
2. Indeterminate ProgressBar — This one goes infinitely until stopped.

A ProgressDialog would hold a ProgressBar inside an Alert Dialog. ProgressDialog is now deprecated since it isn’t a good idea to show long progress in a dialog while blocking the screen.

ProgressBar Attributes

Some of the important attributes of ProgressBar are:

• android:indeterminate — used to specify the boolean value indicating the type of the ProgressBar
• android:max — The upper limit of the progress
• android:min — The lower limit of the progress
• android:progress — The steps by which the progress would be incremented.
• android:minWidth and minHeight — Used to define the dimensions of the ProgressBar
• android:progressBarTint — The tint color of the progress completed of the ProgressBar
• android:progressBarBackgroundTint — The tint color of the progress completed of the ProgressBar
• style — Used to set the style of the ProgressBar. By default it is circular. We can set the style as @style/Widget.AppCompat.ProgressBar.Horizontal for the Horizontal ProgressBar
• android:progressDrawable — Is used to set a drawable for the progress.
• android:secondaryProgress — Indicates the secondary progress value. This is used when we want to show the sub-downloads/subtasks progress.

The default tint colors are set to the colorAccent defined in the styles.xml .

ProgressBar XML Layout

A basic circular indeterminate ProgressBar XML layout looks like this:

In the following section, we’ll implement various types of ProgressBars in our Android app using Kotlin.

Android ProgressBar Kotlin App Project Structure

1. XML Layout Code

The code for the activity_main.xml layout is as follows.

In the last progress bar, we’ve set a progress drawable on the horizontal ProgressBar. The drawable.xml file is progress_states.xml .

In this drawable, we’ve created different states of the drawable. All are circular shaped and each layer would be displayed for the different states — idle, secondary progress, primary progress.

2. Kotlin Main Activity Code

Let’s look at the MainActivity.kt Kotlin class code.

package net.androidly.androidlyprogressbar import android.support.v7.app.AppCompatActivity import android.os.Bundle import android.os.Handler import android.view.View import kotlinx.android.synthetic.main.activity_main.* class MainActivity : AppCompatActivity() < var isStarted = false var progressStatus = 0 var handler: Handler? = null var secondaryHandler: Handler? = Handler() var primaryProgressStatus = 0 var secondaryProgressStatus = 0 override fun onCreate(savedInstanceState: Bundle?) < super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) handler = Handler(Handler.Callback < if (isStarted) < progressStatus++ >progressBarHorizontal.progress = progressStatus textViewHorizontalProgress.text = "$/$" handler?.sendEmptyMessageDelayed(0, 100) true >) handler?.sendEmptyMessage(0) btnProgressBarSecondary.setOnClickListener < primaryProgressStatus = 0 secondaryProgressStatus = 0 Thread(Runnable < while (primaryProgressStatus < 100) < primaryProgressStatus += 1 try < Thread.sleep(1000) >catch (e: InterruptedException) < e.printStackTrace() >startSecondaryProgress() secondaryProgressStatus = 0 secondaryHandler?.post < progressBarSecondary.progress = primaryProgressStatus textViewPrimary.text = "Complete $primaryProgressStatus% of 100" if (primaryProgressStatus == 100) < textViewPrimary.text = "All tasks completed" >> > >).start() > > fun startSecondaryProgress() < Thread(Runnable < while (secondaryProgressStatus < 100) < secondaryProgressStatus += 1 try < Thread.sleep(10) >catch (e: InterruptedException) < e.printStackTrace() >secondaryHandler?.post < progressBarSecondary.setSecondaryProgress(secondaryProgressStatus) textViewSecondary.setText("Current task progress\n$secondaryProgressStatus% of 100") if (secondaryProgressStatus == 100) < textViewSecondary.setText("Single task complete.") >> > >).start() > fun horizontalDeterminate(view: View) < isStarted = !isStarted >> 

The horizontalDeterminate Kotlin function is triggered when the first button is clicked. It is used to start/stop Horizontal ProgressBar. A Handler is associated with a single thread. It is used to send messages to the Thread. The btnProgressBarSecondary click triggers the second progress bar. We have created two handlers — one for the normal progress and second for the subtasks. In each of them, we are setting the thread to sleep. For the secondary thread, the sleep time is 1/100 of the primary progress thread. The progress value is displayed on the TextView. Output:

You can download the project from the following link: AndroidlyProgressBar

Thanks for learning with the DigitalOcean Community. Check out our offerings for compute, storage, networking, and managed databases.

Источник