绘制进度条

绘制进度条和我前面讲的绘制icon 是一样的。我们可以拆分一下，把进度条的每一个进度，都看作一个自己需要单独绘制的icon。那就好处理了。我们直接来个带圆角的，难的。例如如下：

我们可以看到，例如进度条对应的范围是0~15，那么每一个进度，如上图，都可以看作一个单独的icon。而这些icon 都是由一些不同的font 组成的。而这些font 是有规律的，也就是说，如果给你“一定数量的”的font，你是可以把每一个进度的状态图给”拼“出来的。

所以，我们重点就是要找出能组成每一个进度状态图的公共font。有了这些公共font，再结合我们之前画icon 的知识，就可以在不同进度将对应的进度条画出来了。

接下来开始干。

1.进度条分段

例如，我们的进度条范围是0~15，我们将进度条分为15段。这样我们后面再画每一段的时候，就可以对照这个来画了。当然，这个是在空进度的基础上分段的，这样看起来更直观一点。

Mstar的Monitor方案OSD 菜单制作(六)——绘制进度条相关推荐

Mstar的Monitor方案OSD 菜单制作(一)————开篇
Mstar 的Monitor 方案开篇最近在做一个显示器的项目,全是C,界面啥的都是用C写.完全不懂.就因为我们是搞上层android 的,所以和UI 相关的就分了过来.唉,也是没办法.为了工作, ...
Mstar的Monitor方案笔记(六)——OSD添加新的主菜单
OSD添加新的主菜单一.主菜单素材的准备 1.1 图标 1.2 语言二.素材转换 2.1 图标转换 2.2 语言转换三.主菜单的添加 3.1 了解菜单流程 3.2 配置主菜单 3.3 画主菜单 ...
Mstar的Monitor方案笔记(八)——EDID扩展数据结构
EDID扩展数据结构 1. EDID扩展数据介绍 1.1 什么是EDID扩展数据块 2. EDID扩展数据结构说明 2.1 General Info:4 bytes 2.2 Data Blocks:b ...
Mstar的Monitor方案笔记(三)——点LVDS接口液晶屏
点LVDS接口液晶屏 1.硬件准备 (1)准备屏.屏规格书.背光规格书和屏线 (2)准备主板 2.软件调试 (1)增加新屏驱动文件 (2)屏显示原理 (3)屏参分析 (4)点屏 1.硬件准备 (1)准 ...
前端圆形进度图_图解CSS3制作圆环形进度条的实例教程
首先,当有人说你能不能做一个圆形进度条效果出来时,如果是静态完整圆形进度条,那么就很简单了: CSS Code复制内容到剪贴板 .circleprogress{ width:160px; height ...
用python制作特效_万能的Python，还能用来制作高大上的进度条？
对于开发或者运维来说,使用Python去完成一些跑批任务,或者做一些监控事件是非常正常的情况.那么如何有效的监控任务的进度,除了在任务中加上log外,还能不能有另一种方式来了解任务进展到哪一步了呢? ...
css样式制作步骤流程进度条
效果图如下 html部分只需要一个ul列表即可(进度条首尾根据自身需求去做修改) css样式部分代码第一步:生成一个长方形效果第二步:根据:after在长方形后面生成一个三角形第三步:修改后面三 ...
html5 video如何添加进度条_教你制作独一无二的进度条视频效果
VLOG开头经常都会看到进度条,爱心/星星/emoji表情都可以做成进度加载的效果.这究竟是怎么做出来的呢?今天喵酱为大家带来3种方法,轻松制作进度条效果.认真地一步一步查看,保证你也能学会!先来看看 ...
Unity圆环进度条制作
0. 背景最近有个在Unity中制作圆环进度条的需求,并在圆中显示进度数值,类似于图1: 图1. 圆环进度条平时制作直线的进度条比较多,突然要求做个圆环的有些不适应.不过,这个需求google一下 ...

Mstar的Monitor方案OSD 菜单制作(六)——绘制进度条

绘制进度条

1.进度条分段

Mstar的Monitor方案OSD 菜单制作(六)——绘制进度条相关推荐

最新文章

热门文章