人机界面设计(如何实现具有LED动画效果的人机界面参考设计)

LED动画效果可以使用两种元件来实现。

一种是图片元件，可以设置图片为LED形式的GIF动画。

一种是动画元件，可以动画的显示位置与显示图片，图片设置为LED样式的就好。

在用这两种元件实现功能前。我们来看下实现的效果。

可以看到界面上有一个图标在跑动。

这是一个动画元件，设置这个元件的运行轨迹与图标所用的图片就可以实现LED效果。

另外一种效果是LED动态图片，通过设置图片元件的显示图片为gif格式实现。

每个品牌的人机界面都支持这两种元件，我们以威纶触摸屏来实现。

1.动画元件实现LED效果。

打开新版软件，界面上，菜单 ->元件->动画。

然后鼠标左键随意在界面上点击，设置元件图标的每一个状态位置。

鼠标右键确认位置的设置。

选中动画元件，再次鼠标右键，可以设置动画元件属性。

如下图，可以设置状态数量，位置控件方式，速度等属性。

在图片选项卡，轮廓选项卡下还可以设置每个状态图标与大小。

2.图片元件实现LED效果。

在菜单->元件->图片。会弹出图片元件属性设置对话框。

以属性对话框中，点击图库。

如下图标识处。

弹出图库添加对话框。

如下图标识处，点击新增，添加事先准备好的LED动态图片就好。

运行效果如下图。

最近在更新威纶教程，所以在软件上边回答问题边操作了一遍。

可以关注我，一起交流哦。

可以看到界面上有一个图标在跑动。