zhang209a 发表于 2016-6-25 14:56:41

自定义控件操作指引

本帖最后由 zhang209a 于 2016-6-25 14:58 编辑

转载自:http://bbs.intorobot.com/thread-935-1-1.html

   控件需要单独设计,然而创意是丰富多彩的,我们只能够为大家提供典型应用条件下的控件。为了满足广大创客朋友日益个性化的创意,IntoRobot特推出自定义控件功能。
登陆开发者天地后,点击控件编辑----创建新控件,输入控件的名称,描述,还可以为控件设置图标。如图1所示:

图1
点击保存后跳出自定义控件编辑界面如下图,点击i即可看的控件编辑界面的介绍,如图3:

图2
控件编辑界面由元素区,编辑区和修改元素属性的属性区三部分组成。其中元素区有文字,用来描述控件;接收数据,用来和核心板交换数据;开关,可以设置布尔控制量,即0,1信号;图片,可以上传控件的背景图片;进度条,用来描述模拟量。他们所有的参数都可以在属性区修改和定义。

图3
编辑区上面有4个编辑工具,用来对元素的图层进行编辑,分别是删除,当前图层往上一个图层显示,或者往下一个图层显示,数字框显示的是当前选中图层所在的图层,最多支持4个层。I是主界面介绍按钮,点击显示界面介绍如图3所示,再次点击界面介绍消失。
我们做的控件显示主题叫做行车监控仪,用文字工具打字,并编辑大小,排版,拖拽到合适位置即可。后期还会增加文字颜色功能。

图4
开关元素是个布尔量,可以输入开关的名称,地址是个网络映射地址,需要输入一个英文字符串即可。

图5
进度条是为创客朋友描述模拟变化量准备的,可以改变名称,范围可以定义。

图6
图片元素可以上传一张背景图片,并可以等比例放大缩小。

图6
最后调整各个元素的图层,使得图片在最下面,合理布置位置,点击保存,控件就做好了。

图7
保存成功后点击确定按钮,就生成了一个自定义控件。

图8
回到设备展示点击创建设备,输入相应的名称,描述,保存后在编辑控件就可以选择做好的控件。

图9
配置好控件即可,得到最终效果,如图13所示。

图10

图12

图13


控件制作好后可以通过在线编程,对控件烧入程序就可以随意控制啦,赶紧试试吧~

更多实例教程请查看IntoRobot BBS http://bbs.intorobot.com/。可加入QQ群(460095989)与众多创客进行交流。
页: [1]
查看完整版本: 自定义控件操作指引