[发明专利]一种Android中双边圆形进度条的绘制方法及Android电子设备在审
申请号: | 201810677512.X | 申请日: | 2018-06-27 |
公开(公告)号: | CN110716770A | 公开(公告)日: | 2020-01-21 |
发明(设计)人: | 张磊;陈少杰;张文明 | 申请(专利权)人: | 武汉斗鱼网络科技有限公司 |
主分类号: | G06F9/451 | 分类号: | G06F9/451;G06F9/445 |
代理公司: | 11021 中科专利商标代理有限责任公司 | 代理人: | 周天宇 |
地址: | 430000 湖北省武汉市武汉东湖*** | 国省代码: | 湖北;42 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 矩形边框 进度条 绘制 电子设备 视觉体验 角设置 圆角 | ||
本公开提供了一种Android中双边圆形进度条的绘制方法及Android电子设备,方法包括:设置进度条的属性;在背景中绘制一个背景矩形边框,并对背景矩形边框的四个角设置为圆角;在前景中绘制一个宽度与所述背景矩形边框宽度相同的前景矩形边框,并设置一个放缩参数,以对前景矩形边框的长度进行放缩。本公开能够在Android系统的视图中绘制出双边圆形进度条,提高了用户的视觉体验。
技术领域
本公开涉及一种Android中双边圆形进度条的绘制方法及Android电子设备。
背景技术
随着软件技术的发展,越来越多的个性化界面提供给了用户。通常,用户在使用电子设备时,会出现等待的情形,例如等待程序运行完成、等待页面加载成功,还例如,在一些直播平台中会有抽奖功能,观看直播的用户需要等待开奖的结果。针对上述这些情形,用户界面会提供一个进度条,用于显示这些事件的进行程度,有点进度条会显示完成的百分比,还有的进度条会提示还剩余的时间。
然而,针对Android系统的客户端,其呈现的进度条往往是规则矩形的,即进度条的顶端和末端是矩形的,或者仅仅能够通过改变样式来设置一边为圆形另外一边为矩形,无法实现两边都是矩形的设计要求。
上述进度条的样式过于老化,并且Android系统也无法提供进度条两边都呈圆形的样式,无法保证界面的美观。
发明内容
本公开鉴于上述问题,提供一种Android中双边圆形进度条的绘制方法及Android电子设备,能够在Android系统的界面中呈现出顶端和末端都是圆形的双边圆形进度条,提高了用户的视觉体验。
本公开一方面提供一种Android中双边圆形进度条的绘制方法,包括:S1,设置进度条的id信息、通用样式信息、位置信息、初始进度值信息及背景信息;S2,通过设置一个item标签,用于表示对所述背景进行绘制,再通过设置一个shape1标签,用于表示在所述背景中绘制一个背景矩形边框,在所述shape1标签内部设置一个圆角标签,以使得所述背景矩形边框的双边为圆形;S3,定义一个lot_progress_vertical文件,并在所述lot_progress_vertical文件中设置一个shape2标签,用于表示在所述前景中绘制一个前景矩形边框,在所述shape2标签内部设置一个圆角标签,以使得所述背景矩形边框的双边为圆形,将所述lot_progress_vertical文件加载至一个scale标签中,所述scale标签用于对所述前景矩形边框的长度进行放缩。
可选地,在所述步骤S2中,定义一个item标签表示对进度条的背景来进行绘制:<item android:id=@android:id/background></item>,其中,所述item标签关联于Android系统提供的常量@android:id/background,用于表示对进度条背景的说明;
在<item android:id=@android:id/background></item>标签内部绘制背景信息,用于绘制出了一个形状为rectangle的背景矩形边框。
可选地,在所述步骤S3中,调用<solid android:color=X/>来设置前景矩形边框的颜色,其中,X为颜色值。
可选地,在所述步骤S3中,在所述lot_progress_vertical文件中设置一个shape2标签,包括:<shape android:shape=rectangle></shape>,用于表示在前景中绘制一个前景矩形边框。
可选地,在所述步骤S3还包括,通过调用android:scaleHeight=Y%/>设置前景矩形边框的缩放最大高度信息,其中,Y%表示缩放百分比。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于武汉斗鱼网络科技有限公司,未经武汉斗鱼网络科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810677512.X/2.html,转载请声明来源钻瓜专利网。
- 上一篇:业务风控网关及业务风控方法
- 下一篇:终端页面显示方法和装置