小子登徒 发表于 2018-12-23 09:58:57

精灵应用盒子 "设置接口" 使用教程(2018-12-23更新)

精灵应用盒子设置接口主要使应用设置界面个性化,接口支持jquery-1.4.2.如以下作者的设置界面:


这里用到jquery里的方法,设置样式,如设置背景: $("#main").attr("style","width:650px;background-image:url(http://www.ii23.cn/data/attachment/album/201405/10/202401ie2nc3eylnikl0lv.png);background-repeat:no-repeat;background-color:#CEFFCE;background-position:center;")
文本框变成文本区域的原理:
var ivalue=$("#设置ID").val(); style="width:480px;height:50px;background-color:#BBFFBB";$("#设置ID").replaceWith('<textarea style="'+style+'" name="设置ID" id="设置ID">'+ivalue+'</textarea>';

目前接口已集成以下函数,直接在接口中调用即可.
setTextArea(id,style)
用于使文本框变成文本区域,参数style为可选填项
调用方法:setTextArea("点击坐标");   

setTabs(ids)

用于设置选项卡,ids为josn对象,不在ids中的ID,将默认在第一个选项卡中,有设置关联隐藏的需要调用setTabs前 调用setEventByCK({"A":"B,C,D"},{})
调用方法:setTabs({"主界面":"","第二页":"扫描,搜索账号,自定义点击","第三页":""});

setEventByCK(obj1,obj2)
根据obj1中复选框选中或取消选中事件,进行对应的子键显示或隐藏操作
根据obj2的排斥关系,进行相对应的主键选中,子键不选中操作
参数为JOSN对象,obj1为复选框选中或取消选中事件,obj2为排斥选中事件,其中若obj1里有排拆关系,须以obj1后面出现的主键放在obj2中主键位置
参数格式如下,a为obj1,b为obj2,
以下例子说明: obj1选中"扫描"时, 显示 "关注和发送文本" ,取消选中"扫描"时,隐藏 "关注和发送文本"
                     obj2选中"扫描"时,将取消选中"搜索账号",选中"搜索账号"时,将取消选中 "扫描",二者排斥,同一时间只有一个可以选中
var a = {"扫描":"关注,发送文本","搜索账号":"关注,发送文本","发送文本":"发送文本后延时,复制返回文本","复制返回文本":"返回文本坐标,保存复制信息,成功标识,失败标识","自定义点击":"点击坐标"};
var b = {"搜索账号":"扫描"}//排斥选中,要以 a 后出现的主键 放在主键位置
调用方法:setEventByCK(a,b);

setWinWH(w,h)
设置接口宽,高
调用方法:setWinWH(900,800);

完整的调用例子:
setTextArea("点击坐标");
setTextArea("返回文本坐标");
var a = {"扫描":"关注,发送文本","搜索账号":"关注,发送文本","发送文本":"发送文本后延时,复制返回文本","复制返回文本":"返回文本坐标,保存复制信息,成功标识,失败标识","自定义点击":"点击坐标"};
var b = {"搜索账号":"扫描"}
setEventByCK(a,b);
setTabs({"主界面":"","第二页":"扫描,搜索账号,自定义点击","第三页":""});
setWinWH(900,800);

效果如图:
   

如果早一年 发表于 2018-12-23 11:20:07

感谢感谢!非常感谢

jipigu 发表于 2018-12-24 10:06:35

能开放一个源码我们下载学习下

不知 发表于 2018-12-27 17:10:42

看不懂啊{:2_78:}只知道牛B的不行!{:2_268:}

fireant 发表于 2018-12-29 08:48:42

太好了,老大辛苦了

彩虹密码 发表于 2018-12-29 09:03:58

感谢领导的辛苦付出,
页: [1]
查看完整版本: 精灵应用盒子 "设置接口" 使用教程(2018-12-23更新)