2024年触摸屏网页设计 篇1
LED动画效果可以使用两种元件来实现。
一种是图片元件，可以设置图片为LED形式的GIF动画。
一种是动画元件，可以动画的显示位置与显示图片，图片设置为LED样式的就好。
在用这两种元件实现功能前。我们来看下实现的效果。
可以看到界面上有一个图标在跑动。
这是一个动画元件，设置这个元件的运行轨迹与图标所用的图片就可以实现LED效果。
另外一种效果是LED动态图片，通过设置图片元件的显示图片为gif格式实现。
每个品牌的人机界面都支持这两种元件，我们以威纶触摸屏来实现。
1.动画元件实现LED效果。
打开新版软件，界面上，菜单 ->元件->动画。
然后鼠标左键随意在界面上点击，设置元件图标的每一个状态位置。
鼠标右键确认位置的设置。
选中动画元件，再次鼠标右键，可以设置动画元件属性。
如下图，可以设置状态数量，位置控件方式，速度等属性。
在图片选项卡，轮廓选项卡下还可以设置每个状态图标与大小。
2.图片元件实现LED效果。
在菜单->元件->图片。会弹出图片元件属性设置对话框。
以属性对话框中，点击图库。
如下图标识处。
弹出图库添加对话框。
如下图标识处，点击新增，添加事先准备好的LED动态图片就好。
运行效果如下图。
最近在更新威纶教程，所以在软件上边回答问题边操作了一遍。
可以关注我，一起交流哦。
可以看到界面上有一个图标在跑动。