HT for Web 简单图标的制作教程:进度图标

 时间:2024-10-25 15:31:09

HT 工业互联网图形组态可视化编辑器,基于纯 HT怡觎现喾ML5(Canvas/WebGL/WebVR)的标准 Web 技术,从 SDK 组件库,到 2D 和 3D 编辑器,到行业矢量图标和三维模型资源库,构成了一站式的数据可视化解决方案、形成了一整套实践证明的高效开发流程和生态体系,可实现现代化的、高性能的、跨平台的(桌面 Mouse/移动 Touch/虚拟现实 VR)图形展示效果及交互体验。

工具/原料

Windows 7/10 64 位操作系统环境

HT for Web 编辑器

长方形进度条

1、首先在图标根目袄嬖艽蛞录下创建新图标然后利用左上角绘图工具画出想要的进度条如图,这里是利用数据绑定更改边框颜色步骤:

HT for Web 简单图标的制作教程:进度图标
HT for Web 简单图标的制作教程:进度图标

2、这里已经创建完了图标新建图纸后拉入做好的图标接下来测试是否可以成功更改边框颜色:

HT for Web 简单图标的制作教程:进度图标

3、掌握好了来编写进度长度和颜色随进度变化而变化步骤:

HT for Web 简单图标的制作教程:进度图标
HT for Web 简单图标的制作教程:进度图标
HT for Web 简单图标的制作教程:进度图标
HT for Web 简单图标的制作教程:进度图标

圆形进度条的制作

HT for Web 简单图标的制作教程:进度图标
HT for Web 简单图标的制作教程:进度图标
HT for Web 简单图标的制作教程:进度图标

2、最后,引入就可以了:

HT for Web 简单图标的制作教程:进度图标
  • 刀塔自走棋精灵守卫怎么用
  • 如何用DOS命令查询系统开启了哪些服务
  • Keynote如何插入重点
  • fifa2021怎么选国家队
  • 超简单让你理解并识别矢量图与位图
  • 热门搜索
    a4手抄报版面设计图 关于热爱生命的手抄报 文明礼仪手抄报诗歌 法制手抄报的内容 关于红领巾的手抄报 交通手抄报图片大全 小学生守则手抄报 童话手抄报内容 快乐读书手抄报图片 诚信教育手抄报