在 ProgressBar 中显示倒计时的实际进度
Show actual progress from countdowntimer in ProgressBar
我的布局包含一个圆形 ProgressBar 和一个显示倒计时的 TextView。
如何在进度条中显示计时器的当前进度?进度条在第一次显示时应该是满的,当计时器到时应该是空的。
private fun setProgressBar(timeToShow: Int) {
countDownTimer = object : CountDownTimer(
timeToShow * ONE_SECOND_INTERVAL,
ONE_SECOND_INTERVAL
) {
override fun onTick(millisUntilFinished: Long) {
question_time.text = (millisUntilFinished / ONE_SECOND_INTERVAL).toString()
//handleProgressBar
}
override fun onFinish() {
hideLayout()
}
}.start()
}
<ProgressBar
android:id="@+id/question_time_progress"
android:layout_width="match_parent"
android:layout_height="match_parent"
style="?android:progressBarStyleHorizontal"
android:progressDrawable="@drawable/circle_progressbar"
/>
<TextView
android:id="@+id/question_time"
android:layout_width="26dp"
android:layout_height="26dp"
android:layout_gravity="center"
android:gravity="center"
android:textColor="@color/test_color_light"
android:textStyle="bold"
tools:text="14" />
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:shape="ring"
android:thicknessRatio="16"
android:useLevel="false">
<solid android:color="#DDD" />
</shape>
</item>
<item>
<rotate
android:fromDegrees="270"
android:toDegrees="270">
<shape
android:shape="ring"
android:thicknessRatio="16"
android:useLevel="true">
<gradient
android:endColor="@color/colorPrimary"
android:startColor="@color/colorAccent"
android:type="sweep" />
</shape>
</rotate>
</item>
</layer-list>
您应该将进度的最大值设置为从倒计时开始的数字。
例如,如果倒计时从 60 开始。
你应该设置 progressBar.setMax(60)
然后在每个倒计时设置进度条的值
例如 progressBar.setValue(59) ,然后是 58 ,然后是 57 ....
进度条将按照您想要的方式工作。
我的布局包含一个圆形 ProgressBar 和一个显示倒计时的 TextView。 如何在进度条中显示计时器的当前进度?进度条在第一次显示时应该是满的,当计时器到时应该是空的。
private fun setProgressBar(timeToShow: Int) {
countDownTimer = object : CountDownTimer(
timeToShow * ONE_SECOND_INTERVAL,
ONE_SECOND_INTERVAL
) {
override fun onTick(millisUntilFinished: Long) {
question_time.text = (millisUntilFinished / ONE_SECOND_INTERVAL).toString()
//handleProgressBar
}
override fun onFinish() {
hideLayout()
}
}.start()
}
<ProgressBar
android:id="@+id/question_time_progress"
android:layout_width="match_parent"
android:layout_height="match_parent"
style="?android:progressBarStyleHorizontal"
android:progressDrawable="@drawable/circle_progressbar"
/>
<TextView
android:id="@+id/question_time"
android:layout_width="26dp"
android:layout_height="26dp"
android:layout_gravity="center"
android:gravity="center"
android:textColor="@color/test_color_light"
android:textStyle="bold"
tools:text="14" />
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:shape="ring"
android:thicknessRatio="16"
android:useLevel="false">
<solid android:color="#DDD" />
</shape>
</item>
<item>
<rotate
android:fromDegrees="270"
android:toDegrees="270">
<shape
android:shape="ring"
android:thicknessRatio="16"
android:useLevel="true">
<gradient
android:endColor="@color/colorPrimary"
android:startColor="@color/colorAccent"
android:type="sweep" />
</shape>
</rotate>
</item>
</layer-list>
您应该将进度的最大值设置为从倒计时开始的数字。 例如,如果倒计时从 60 开始。 你应该设置 progressBar.setMax(60)
然后在每个倒计时设置进度条的值 例如 progressBar.setValue(59) ,然后是 58 ,然后是 57 .... 进度条将按照您想要的方式工作。