UBAINS KP系列面板使用和编程指导说明

pidtfork

UBAINS编辑器软件包含了KP面板模板

基本功能直接使用面板的模板程序就可以满足要求,近期有客户反馈需要防误触控,例如要长按或者双击这样的功能

虽然这些功能内部都使用过但是以前做的比较逻辑比较复杂,

所以重新写一了一个方法来简化一下操作

面板的配置可以参考面板说明,里面包含了ID设置/面板模式配置/背光指示灯控制

setWpTouch 和 setWpRelease 方法为模板程序中的方法,返回按钮按下弹起事件
将事件传入 KPxEvent 对象 的回调函数返回 点击/双击/长按事件

1. /*********************************按钮面板***********************************
   
2. setBusOpen();为打开面板控制功能。
   
3. function setWpTouch(vAddress,vButtonNum)为面板按键按下去的触发事件
   
4. function setWpRelease(vAddress,vButtonNum)为面板按键松开时的触发事件
   
5. vAddress为面板地址，可识别不同地址面板。
   
6. vButtonNum为面板触发的第几个按键。
   
7. doBusButtonAction('sWpPanelPush1');为调用页面按钮为sWpPanelPush1的事件。
   
8. sWpPanelPush1为按钮的Name，更改Name需对应更改代码。
   
9. 事件可填到对应的按键事件里面，也可以直接写在下面的语句。
   
10. setWpLedOn(vAddress,vButtonNum);为控制地址面板，第几个按键的灯亮。
    
11. setWpLedOff(vAddress,vButtonNum);为控制地址面板，第几个按键的灯灭。
    
12. setWpLedOne(vAddress,vButtonNum);为控制地址面板，第几个按键的灯亮，其它灯全灭。
    
13. 如：setWpLedOn(2,1);把地址为2的面板，按键1的灯打开。
    
14. 注：
    
15.    多个面板直接在触发事件中判断vAddress地址，实现不同面板功能，不可导入多个模版
    
16.    一个完程序的程序，setWpTouch，setWpRelease方法只能出现一次
    
17. *****************************************************************************/
    
18. 
    
19. 
    
20. 
    
21. setBusOpen();
    
22. function setWpTouch(vAddress,vButtonNum)
    
23. {
    
24.     kp6.touch(vButtonNum);
    
25.         switch(vButtonNum)
    
26.         {
    
27.             case 1:
    
28.                
    
29.                 break;
    
30.             case 2:
    
31.                
    
32.                 break;
    
33.             case 3:
    
34.                
    
35.                 break;
    
36.             case 4:
    
37.                
    
38.                 break;
    
39.             case 5:
    
40.                
    
41.                 break;
    
42.             case 6:
    
43.                
    
44.                 break;
    
45.         }
    
46.         setWpLedOne(vAddress,vButtonNum);
    
47.    
    
48.    
    
49. }
    
50. function setWpRelease(vAddress,vButtonNum)
    
51. {
    
52.     kp6.release(vButtonNum);
    
53.     switch(vButtonNum)
    
54.     {
    
55.         case 1:
    
56.             doBusButtonAction('sWpPanelRelease1');
    
57.             break;
    
58.         case 2:
    
59.             doBusButtonAction('sWpPanelRelease2');
    
60.             break;
    
61.         case 3:
    
62.             doBusButtonAction('sWpPanelRelease3');
    
63.             break;
    
64.         case 4:
    
65.             doBusButtonAction('sWpPanelRelease4');
    
66.             break;
    
67.         case 5:
    
68.             doBusButtonAction('sWpPanelRelease5');
    
69.             break;
    
70.         case 6:
    
71.             doBusButtonAction('sWpPanelRelease6');
    
72.             break;
    
73.     }
    
74. }
    
75. 
    
76. 
    
77. 
    
78. 
    
79. 
    
80. 
    
81. 
    
82. 
    
83. 
    
84. function KPxEvent(callback) {
    
85.     this.callback = callback;
    
86.     this.clickTime = 1000; //1s
    
87.     this.doubleClickTime = 1200; //1.2s
    
88.     this.list = [];
    
89.     this.record = function(value) {
    
90.         this.list.push(value);
    
91.         if (this.list.length > 32) {
    
92.             this.list.shift();
    
93.         }
    
94.     }
    
95.     this.getRecord = function(keyNum,type,index){
    
96.         var last;
    
97.         if (index == undefined) {
    
98.             last = this.list.length - 1;
    
99.         }else{
    
100.             last = index;
     
101.         }
     
102.         for (var i = last; i >= 0; i--){
     
103.             if (this.list[i].id == keyNum && this.list[i].type == type) {
     
104.                 return {
     
105.                     id:this.list[i].id,
     
106.                     type:this.list[i].type,
     
107.                     time:this.list[i].time,
     
108.                     index:i
     
109.                 };
     
110.             }
     
111.         }
     
112.         return -1;
     
113.     }
     
114.     this.touch = function(keyNum) {
     
115.         this.record({
     
116.             id:keyNum,
     
117.             type:"touch",
     
118.             time:new Date().getTime(),
     
119.         });
     
120.     }
     
121.     this.release = function(keyNum) {
     
122.         this.record({
     
123.             id:keyNum,
     
124.             type:"release",
     
125.             time:new Date().getTime(),
     
126.         });
     
127.         this.check(keyNum);
     
128.     }
     
129.     this.check = function(keyNum){
     
130.         var find = this.clickCheck(keyNum);
     
131.         if (find) {
     
132.             if (find.click) {
     
133.                 this.callback("click",keyNum,find.times);
     
134.                 this.doubleCheck(keyNum,find);
     
135.             }
     
136.             if (find.hold) {
     
137.                 this.callback("hold",keyNum,find.times);
     
138.             }
     
139.         }
     
140.     }
     
141.     this.clickCheck = function(keyNum,index) {
     
142.         var last;
     
143.         if (index == undefined) {
     
144.             last = this.list.length - 1;
     
145.         }else{
     
146.             last = index;
     
147.         }        
     
148.         var release = this.getRecord(keyNum,"release",last);
     
149.         if (release) {
     
150.             var touch = this.getRecord(keyNum,"touch",release.index);
     
151.             if (typeof release == typeof touch) {
     
152.                 var times = release.time - touch.time;
     
153.                 var clickEnable = times < this.clickTime ? true:false;
     
154.                 var holdEnable = times > this.clickTime ? true:false;
     
155.                 return {
     
156.                     click:clickEnable,
     
157.                     hold:holdEnable,
     
158.                     times : times,
     
159.                     id : keyNum,
     
160.                     touchTime : touch.time,
     
161.                     releaseTime : release.time,
     
162.                     touchIndex : touch.index,
     
163.                     releaseIndex : release.index,
     
164.                 }
     
165.             }
     
166.         }
     
167.         return -1;
     
168.     }
     
169.     this.doubleCheck = function(keyNum,lastInfo){
     
170.         var index = lastInfo.touchIndex;
     
171.         var prev = this.clickCheck(keyNum,index);
     
172.         if (prev) {
     
173.             if (prev.click) {
     
174.                 var times = lastInfo.releaseTime - prev.touchTime;
     
175.                 if (times < this.doubleClickTime) {
     
176.                     this.callback("doubleClick",keyNum,times);
     
177.                 }
     
178.             }
     
179.         }
     
180.     }
     
181. }
     
182. 
     
183. 
     
184. 
     
185. var kp6 = new KPxEvent(function(event,id,times) {
     
186.     setButtonText("AAAAA",event + " : " + id + " : " + times);
     
187. 
     
188.     // event 取值为 click  doubleClick  hold 分别表示单击 双击 长按
     
189.     // id 表示按键值
     
190.     // times 表示此次事件持续时间 不同时间长度的长按事件可以根据此值进一步判断
     
191. 
     
192. });
     
193. 
     
194. //下面两个参数为默认值 可根据需求更改 单位为ms
     
195. //kp6.clickTime = 1000;       //设置点击事件为1s 短于1s为点击 长于1s为长按
     
196. //kp6.doubleClickTime = 1200; //设定双击事件时间,两次点击事件总时间少于1.2s为双击事件
     
197. 
     
198. 
     
199. 
     
200. 
     

复制代码