扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家分享的是有关Android开发之如何实现ProgressBar字体随着进度条的加载而滚动的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
成都创新互联-专业网站定制、快速模板网站建设、高性价比平凉网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式平凉网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖平凉地区。费用合理售后完善,十多年实体公司更值得信赖。
先看下最终效果效果图
我这里用的是LICEcap软件录制的gif图,效果有点掉帧,哪位仁兄有比较好的录制gif的软件烦请相告,小弟在此先行谢过。
首先看下xml代码,只有两个系统控件,一个TextView和一个ProgressBar,Button只是为了方便触发进度条的效果,实际项目中可以根据需求来做。首先看下xml中的代码:
样式:progressbar_color.xml
在onCreate()方法中得到控件的宽度,代码如下:
// 得到progressBar控件的宽度 ViewTreeObserver vto2 = pbProgressbar.getViewTreeObserver(); vto2.addOnGlobalLayoutListener(new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { pbProgressbar.getViewTreeObserver().removeGlobalOnLayoutListener(this); width = pbProgressbar.getWidth(); Log.i("TAG", "MainActivity onCreate()=="+pbProgressbar.getWidth()); } });
先说下具体实现思路,再贴上最终代码
实现思路是我们需要ProgressBar达到最大值时,TextView的位置移动到最远处。要想得到progressBar的任意百分比可以移动到对应百分比的位置,咱们就需要知道每一个百分比移动的距离。说的还不够明白的话咱们看看下面的公式,可以更好的理解。
// 进度条的最小单位,默认是1,你也可以是其他数值,我在demo中为了方便使用了1:
进度条的最小单位 / 进度条的最大值 = 每一个百分比移动的距离/总的距离(控件的总宽度)
可以推导出:
每一个百分比要移动距离 = (进度条的最小单位 / 进度条的最大值)*总的距离(控件的总宽度)
因为要做移动动画效果,咱们为了避免ANR,直接开一个分线程来控制界面,主要代码如下
//开启分线程 new Thread(new Runnable() { @Override public void run() { //每一段要移动的距离 scrollDistance = (float) ((1.0 / pbProgressbar.getMax()) * width); for (int i = 1; i <= status; i++) { runOnUiThread(new Runnable() { @Override public void run() { currentStatue++; currentPosition += scrollDistance; pbProgressbar.incrementProgressBy(1); //做一个平移动画的效果 progressPrecent.setTranslationX(currentPosition); progressPrecent.setText(currentStatue + "%"); } }); try { Thread.sleep(80); } catch (InterruptedException e) { e.printStackTrace(); } } } }).start();
大功告成,但是当我们运行起来的时候发现,当ProgressBar达到最大值时,上面的字体超出了屏幕范围而看不到了。效果如图所示:
这给使用者造成了很大的困惑,静下心来分析一下,可以知道TextView一直在对应ProgressBar数据的右面,语言功底不太好,咱们上图看:
可以看出,当数据为0%时就在progressBar对应数据的右方,当数据为最大值时,超出屏幕显示不了就不足为其了。咱们现在如果想让progressBar是最大值时还能显示,就需要当偏移的距离加上字体的宽度和字体右面的Padding值大于progressBar宽度的时候不偏移。接着修改代码如下:
//开启分线程 new Thread(new Runnable() { @Override public void run() { //每一段要移动的距离 scrollDistance = (float) ((1.0 / pbProgressbar.getMax()) * width); for (int i = 0; i < status; i++) { runOnUiThread(new Runnable() { @Override public void run() { // 控制进度条的增长进度 pbProgressbar.incrementProgressBy(1); currentStatue++; tvPrecent.setText(currentStatue + "%"); // 得到字体的宽度 tvWidth = tvPrecent.getWidth(); currentPosition += scrollDistance; //做一个平移动画的效果 // 这里加入条件判断 if (tvWidth + currentPosition <= width - tvPrecent.getPaddingRight()) { tvPrecent.setTranslationX(currentPosition); } } }); try { Thread.sleep(80); } catch (InterruptedException e) { e.printStackTrace(); } } } }).start();
我们运行起来,再来看下效果:
到这里咱们就完成了,有不清楚或者写错的地方欢迎留言指正,我会第一时间答复。需要源码的朋友可以去github上下载,双手奉上github地址:字体随着ProgressBar的加载而滚动 。
感谢各位的阅读!关于“Android开发之如何实现ProgressBar字体随着进度条的加载而滚动”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流