我正在参与「兔了个兔」构思投稿大赛，详情请看：「兔了个兔」构思投稿大赛

前言

之前写的progress其实底子没有起到进展条的作用，太显眼，并且并不美观，所以有了新的想法，咱们将ProgressBar控件换成SeekBar控件，然后再将它的thumb指示器换成小兔子即可。

正篇

实现进程

首先，咱们在需求进展条的页面布局的最开始加上下面代码：

<SeekBar
    android:id="@+id/vSeekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:thumb="@mipmap/rabbit_progress"/>

其中thumb属性就是能够让你换指针款式的，而SeekBar其实也是多用于播放器的进展选择器之类的，因为seekbar是能够拖动的，所以咱们得把控件拖动给禁止了：

binding.vSeekBar.isEnabled = false

接着，咱们为了更好的展现作用，在seekbar控件下面加了一个Button：

binding.vButton.setOnClickListener {
    if (binding.vSeekBar.visibility != View.GONE) {
        binding.vSeekBar.progress += 10
    }
    if (binding.vSeekBar.progress == 100) {
        binding.vSeekBar.progress = 0
    }
}

添加完按钮后，咱们为按钮设置点击事情，每点一次就会出现进展条加10的事情，到达100后再置为0重复操作：

这样，咱们就有了一个兔子往前进的进展条，然后咱们再把Button去除，再换到webview的webChromeClient中的重写方法onProgressChanged中操控进展条增加的逻辑即可： “`Kotlin binding.vSeekBar.progress = newProgress if (newProgress == 100) { binding.vSeekBar.visibility = View.GONE } else { binding.vSeekBar.visibility = View.VISIBLE } “` 当进展条加完后，就躲藏该控件，这样也就不会一直看到这个控件。 # 总结 虽然内容不多，但是问题还是许多的，如果能够再把style款式做一下，作用会更好，然后再重新界说一下进展条本体的颜色和形状，不过，现在我对这部分还看的比较少，网上看到的自界说也十分繁复，等后边用Kotlin自界说View熟练了再重新画一个Progress或SeekBar.