Android - 条纹进度条实现,调整view宽度仿进度条
相关代码请参阅: https://github.com/RustFisher/aboutView/blob/master/app/src/main/java/com/rust/aboutview/activity/RoundCornerActivity.java
美工同学指定了一个进度条样式
这斑斓的进度条,如果要自己画实在是劳民伤财。于是请美工切了一张素材。
如果用shape或者.9图片不太好处理这个条纹。转变思路,放置2张图片。一张作为背景(底,bottom),一张作为进度条图片(cover)。
进度改变时,改变上面图片的宽度。
这就要求上面的图片是圆角的。自定义ImageView,调用canvas.clipPath
来切割画布。
public class RoundCornerImageView extends android.support.v7.widget.AppCompatImageView { private float mRadius = 18; private Path mClipPath = new Path(); private RectF mRect = new RectF(); public RoundCornerImageView(Context context) { super(context); } public RoundCornerImageView(Context context, AttributeSet attrs) { super(context, attrs); } public RoundCornerImageView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); } public void setRadiusDp(float dp) { mRadius = dp2px(dp, getResources()); postInvalidate(); } public void setRadiusPx(int px) { mRadius = px; postInvalidate(); } @Override protected void onDraw(Canvas canvas) { mRect.set(0, 0, this.getWidth(), this.getHeight()); mClipPath.reset(); // remember to reset path mClipPath.addRoundRect(mRect, mRadius, mRadius, Path.Direction.CW); canvas.clipPath(mClipPath); super.onDraw(canvas); } private float dp2px(float value, Resources resources) { return TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, value, resources.getDisplayMetrics()); } }
每次绘制都切割一次圆角。记得调用Path.reset()
方法。
回到我们要的进度条。布局文件中放置好层叠的图片。
<RelativeLayout android:id="@+id/progress_layout" android:layout_width="190dp" android:layout_height="10dp" android:layout_centerInParent="true"> <ImageView android:id="@+id/p_bot_iv" android:layout_width="190dp" android:layout_height="10dp" android:src="@drawable/shape_round_corner_bottom" /> <com.rustfisher.view.RoundCornerImageView android:id="@+id/p_cover_iv" android:layout_width="100dp" android:layout_height="10dp" android:scaleType="centerCrop" android:src="@drawable/pic_cover_blue_white" /> </RelativeLayout>
需要在代码中动态地改变cover的宽度;dialog中提供如下方法改变LayoutParams
public void updatePercent(int percent) { mPercent = percent; mPercentTv.setText(String.format(Locale.CHINA, "%2d%%", mPercent)); float percentFloat = mPercent / 100.0f; final int ivWidth = mBotIv.getWidth(); RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams) mProgressIv.getLayoutParams(); int marginEnd = (int) ((1 - percentFloat) * ivWidth); lp.width = ivWidth - marginEnd; mProgressIv.setLayoutParams(lp); mProgressIv.postInvalidate(); }
显示出dialog并传入进度,就可以看到效果了。
这只是实现效果的一种方法,如果有更多的想法,欢迎和我交流~
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
一站式前后端直播解决方案
手机直播系统,可以分为采集、前处理、编码、传输、解码、渲染这几个环节,下面小编分别解释一下啊:1、直播采集:iOS是比较简单的,Android则要做些机型适配工作,PC稍微麻烦一点,各种摄像头需要驱动,所以需要做各种适配,不断地进行优化处理。2、直播前处理:现在直播美颜SDK已经是标配了,大部分的主播没有美颜根本没法看。美颜算法需要用到GPU编程,需要懂图像处理算法的人。3、直播编码:肯定要采用硬编码,软编码720p完全没希望,勉强能编码也会导致CPU过热烫到摄像头。硬编码兼容性又是一个大坑,android上要有人去填。编码要在分辨率,帧率,码率,GOP等参数设计上找到最佳平衡点。4、直播传输:自己做不现实,交给CDN服务商吧,也就是贵了点,相信有志于做直播系统改变世界的你不差钱。假设2W PCU大约每月带宽费用10万左右,因为清晰流畅的720p要1.5mbps左右。CDN只提供了带宽和服务器间传输,发送和接收端的网络连接抖动缓冲还是要自己写的。不想要卡顿,必然要加大缓冲,会导致延迟高,延迟高影响互动性,要做权衡。5、直播解码:也肯定要硬解码,目前手机普遍支持硬解了,只是android...
- 下一篇
Android 二次优化个人封装仿网易新闻可滑动标题栏
小菜前段时间根据超多 star 的 FlycoTabLayout 自己修改封装了仿网易顶部滑动标题栏 TabSlideLayout 滑动内容可以是文字也可以是网络图标,并整理了两篇小博客: Android 优化个人封装仿网易新闻可滑动标题栏 TabLayout (文字或图标) 仿网易新闻可滑动标题栏TabLayout(文字或图标) 因小菜自己封装的 TabSlideLayout 在滑动过程中没有回弹的动画效果,而 FlycoTabLayout 默认的滑动过程中也没有动画效果,而小菜技术太渣,所以只能照葫芦画瓢,按照 FlycoTabLayout 中的 CommonTabLayout 样式,二次优化一下自己的 TabSlideLayout。 小菜修改封装的 TabSlideLayout 是一个不限制栏目个数,超过屏幕范围可滑动切换的顶部 Tab 布局,item 的内容可以是文字也可以是图片,并且支持对文字和图片对绘色。 小菜测试步骤如下: 在 attrs 中添加如下属性,分别时是否回弹效果/是否回弹/回弹效果时长;并在 TabSlideLayout 中添加相应的 get/set 方法,从...
相关文章
文章评论
共有0条评论来说两句吧...