[发明专利]一种进度条的绘制方法及系统有效
申请号: | 201710095176.3 | 申请日: | 2017-02-22 |
公开(公告)号: | CN106990951B | 公开(公告)日: | 2020-04-17 |
发明(设计)人: | 刘德建;林冰棋;方振华;郭玉湖 | 申请(专利权)人: | 福建天泉教育科技有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38 |
代理公司: | 福州市博深专利事务所(普通合伙) 35214 | 代理人: | 林志峥 |
地址: | 350212 福建省福州市长乐*** | 国省代码: | 福建;35 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 进度条 绘制 方法 系统 | ||
1.一种进度条的绘制方法,其特征在于,包括以下步骤:
S1:在GTK界面上预设比例控件的窗口;
S2:拦截进度条的绘制进程;
S3:分割所述窗口为进度条显示区域和进度背景区域,所述进度条显示区域和预设进度图形的大小和形状相同;
S4:获取所述进度条所在音视频画面的背景颜色;
S5:渲染所述进度背景区域为所述背景颜色;渲染所述进度条显示区域为预设第一颜色;
还包括:根据所述进度条的进度指示图标,分割所述进度条显示区域为第一区域和第二区域;
设置所述第一区域的背景为预设第一图像;
设置所述第二区域的背景为预设第二图像;
还包括:若所述进度指示图标的位置发生变化,则根据所述进度指示图标,分割所述进度条显示区域为第三区域和第四区域;
利用九宫格算法拉伸或压缩所述第一图像直至与所述第三区域重合;
利用九宫格算法拉伸或压缩所述第二图像直至与所述第四区域重合。
2.根据权利要求1所述的一种进度条的绘制方法,其特征在于,还包括:
获取所述进度指示图标所在的区域,得到第五区域;
设置所述第五区域的背景为预设的指示图像。
3.根据权利要求2所述的一种进度条的绘制方法,其特征在于,还包括:
在所述比例控件的窗口上建立二维坐标系;
获取所述进度背景区域所包括的像素点的坐标集合,得到第一集合;
获取所述进度条显示区域所包括的像素点的坐标集合,得到第二集合;
获取所述第五区域所包括的像素点的坐标集合,得到第三集合;
利用图形渲染库渲染所述第一集合所在的区域为所述背景颜色;
利用图形渲染库渲染所述第二集合所在的区域为所述第一颜色;
利用图形渲染库渲染所述第三集合所在的区域为预设第二颜色。
4.一种进度条的绘制系统,其特征在于,包括:
预设模块,用于在GTK界面上预设比例控件的窗口;
拦截模块,用于拦截进度条的绘制进程;
第一分割模块,用于分割所述窗口为进度条显示区域和进度背景区域,所述进度条显示区域和预设进度图形的大小和形状相同;
第一获取模块,用于获取所述进度条所在音视频画面的背景颜色;
第一渲染模块,用于渲染所述进度背景区域为所述背景颜色;渲染所述进度条显示区域为预设第一颜色;
还包括:第二分割模块,用于根据所述进度条的进度指示图标,分割所述进度条显示区域为第一区域和第二区域;
第一设置模块,用于设置所述第一区域的背景为预设第一图像;设置所述第二区域的背景为预设第二图像;
还包括:第三分割模块,用于若所述进度指示图标的位置发生变化,则根据所述进度指示图标,分割所述进度条显示区域为第三区域和第四区域;
图像处理模块,用于利用九宫格算法拉伸或压缩所述第一图像直至与所述第三区域重合;利用九宫格算法拉伸或压缩所述第二图像直至与所述第四区域重合。
5.根据权利要求4所述的一种进度条的绘制系统,其特征在于,还包括:
第二获取模块,用于获取所述进度指示图标所在的区域,得到第五区域;
第二设置模块,用于设置所述第五区域的背景为预设的指示图像。
6.根据权利要求5所述的一种进度条的绘制系统,其特征在于,还包括:
建立模块,用于在所述比例控件的窗口上建立二维坐标系;
第三获取模块,用于获取所述进度背景区域所包括的像素点的坐标集合,得到第一集合;
第四获取模块,用于获取所述进度条显示区域所包括的像素点的坐标集合,得到第二集合;
第五获取模块,用于获取所述第五区域所包括的像素点的坐标集合,得到第三集合;
第二渲染模块,用于利用图形渲染库渲染所述第一集合所在的区域为所述背景颜色;
第三渲染模块,用于利用图形渲染库渲染所述第二集合所在的区域为所述第一颜色;
第四渲染模块,用于利用图形渲染库渲染所述第三集合所在的区域为预设第二颜色。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于福建天泉教育科技有限公司,未经福建天泉教育科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201710095176.3/1.html,转载请声明来源钻瓜专利网。
- 上一篇:界面布局的方法和装置
- 下一篇:基于Vue.js的表单校验方法及其系统