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

时间:2026-02-12 22:42:41

1、首先在图标根目录下创建新图标


然后利用左上角绘图工具画出想要的进度条
如图,这里是利用数据绑定更改边框颜色步骤:

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

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

2、这里已经创建完了图标


新建图纸后拉入做好的图标
接下来测试是否可以成功更改边框颜色:

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

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

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

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

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

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

1

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

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

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

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

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

© 2026 长短途
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com