index_frm.html 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width"/>
  6. <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
  7. <title>WinA</title>
  8. <link rel="stylesheet" type="text/css" href="css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="css/box.css" />
  10. <script type="text/javascript" src="script/public.js"></script>
  11. <style>
  12. p{
  13. color:#999;
  14. padding:5px;
  15. }
  16. </style>
  17. </head>
  18. <body>
  19. <script type="text/javascript">
  20. var uzmoduledemo = null;
  21. var scrollPicture = null;
  22. var uzmoduleGis = null;
  23. apiready = function(){
  24. uzmoduledemo = api.require('moduleDemo');
  25. scrollPicture = api.require('scrollPicture');
  26. uzmoduleGis = api.require('moduleGis');
  27. }
  28. function showAlert(){
  29. var param = {msg:"Hello APICloud!"};
  30. uzmoduledemo.showAlert(param, function(ret, err){
  31. alert(JSON.stringify(ret));
  32. });
  33. }
  34. function startGisActivity(){
  35. var param = {appParam:"Hello APICloud!"};
  36. uzmoduleGis.startGisActivity(param);
  37. }
  38. function huaceRtkList(){
  39. var param = {appParam:"Hello APICloud!"};
  40. var res = uzmoduleGis.huaceRtkList(param);
  41. alert("获取手机已配对RTK设备列表:"+JSON.stringify(res));
  42. }
  43. function startGisAndSend(){
  44. var param = {"rtkName":"GNSS-3702407","ip":"rtk.huacenav.com","mountName":"RTCM33","userName":"sdlt0122","passWord":"35909559","port":"8001","diffType":"diffType","stationld":"stationld","type":0};
  45. var res = uzmoduleGis.startGisAndSend(param);
  46. alert("高效率启动结果为:"+JSON.stringify(res));
  47. }
  48. function startGisService(){
  49. var param = {appParam:"Hello APICloud!"};
  50. var res = uzmoduleGis.startGisService(param);
  51. alert("启动GisService获取结果为:"+JSON.stringify(res));
  52. }
  53. function sendConnect(){
  54. var param = {rtkName:"GNSS-3369536"};
  55. var res = uzmoduleGis.sendConnect(param);
  56. alert("发送连接命令:获取结果为:"+JSON.stringify(res));
  57. }
  58. function loginCors(){
  59. var param = {"rtkName":"GNSS-3702407","ip":"rtk.huacenav.com","mountName":"RTCM33","userName":"sdlt0122","passWord":"35909559","port":"8001","diffType":"diffType","stationld":"stationld","type":0};
  60. var res = uzmoduleGis.loginCors(param);
  61. alert("登录cors:获取结果为:"+JSON.stringify(res));
  62. }
  63. function stopBTConnect(){
  64. var res = uzmoduleGis.stopBTConnect();
  65. alert("断开连接:获取结果为:"+JSON.stringify(res));
  66. }
  67. function stopGorsConnect(){
  68. var res = uzmoduleGis.stopGorsConnect();
  69. alert("断开cors:获取结果为:"+JSON.stringify(res));
  70. }
  71. function stopGisService(){
  72. var param = {appParam:"Hello APICloud!"};
  73. var res = uzmoduleGis.stopGisService(param);
  74. alert("停止GisService获取结果为:"+JSON.stringify(res));
  75. }
  76. function gisLatLng(){
  77. var param = {"rtkName":"GNSS-3369536","ip":"rtk.huacenav.com","mountName":"RTCM33","userName":"chwj048109","passWord":"99293296","port":"8001"};
  78. var res = uzmoduleGis.gisLatLng(param);
  79. alert("获取结果为基本数据!\n结果:" + JSON.stringify(res));
  80. }
  81. function gisLatLng2(){
  82. var param = {"rtkName":"GNSS-3702407","ip":"rtk.huacenav.com","mountName":"RTCM33","userName":"sdlt0122","passWord":"35909559","port":"8001","diffType":"diffType","stationld":"stationld","type":0};
  83. var res = uzmoduleGis.gisLatLng(param);
  84. alert("获取结果为基本数据!\n结果:" + JSON.stringify(res));
  85. }
  86. function startCeditongIntent(){
  87. var param = {};
  88. var res = uzmoduleGis.startCeditongIntent(param);
  89. alert("获取结果为基本数据!\n结果:" + JSON.stringify(res));
  90. }
  91. function getIntentGis(){
  92. var param = {};
  93. var res = uzmoduleGis.getIntentGis(param);
  94. alert("获取结果为基本数据!\n结果:" + JSON.stringify(res));
  95. }
  96. function stopCeditongIntent(){
  97. var param = {};
  98. var res = uzmoduleGis.stopCeditongIntent(param);
  99. alert("获取结果为基本数据!\n结果:" + JSON.stringify(res));
  100. }
  101. function BMshowAlert(){
  102. var param = {msg:"Hello APICloud!"};
  103. api.require('ModuleB').showAlert(param);
  104. }
  105. function AMaddView(){
  106. var param = {x:20,y:20,w:200,h:200};
  107. api.require('ModuleA').addView(param);
  108. }
  109. function startActivity(){
  110. var param = {appParam:"Hello APICloud!"};
  111. uzmoduledemo.startActivity(param);
  112. }
  113. function startActivityForResult(){
  114. var param = {appParam:"Hello APICloud!"};
  115. var resultCallback = function(ret, err){
  116. document.getElementById("activity_result").innerHTML = JSON.stringify(ret);
  117. }
  118. uzmoduledemo.startActivityForResult(param, resultCallback);
  119. }
  120. function CMstartActivity(){
  121. var param = {appParam:"Hello APICloud!"};
  122. api.require('ModuleC').startActivity(param);
  123. }
  124. function CMstartActivityForResult(){
  125. var param = {appParam:"Hello APICloud!"};
  126. var resultCallback = function(ret, err){
  127. document.getElementById("activity_result").innerHTML = JSON.stringify(ret);
  128. }
  129. api.require('ModuleC').startActivityForResult(param, resultCallback);
  130. }
  131. function vibrate(){
  132. var mill = document.getElementById("vibrate").value;
  133. var param = {milliseconds:mill};
  134. uzmoduledemo.vibrate(param);
  135. }
  136. function stopVibrate(){
  137. uzmoduledemo.stopVibrate();
  138. }
  139. function addView(){
  140. var param = {x:20,y:20,w:200,h:200};
  141. uzmoduledemo.addView(param);
  142. }
  143. function removeView(){
  144. uzmoduledemo.removeView();
  145. }
  146. function testopen(){
  147. var sw = document.getElementById("sw").value;
  148. scrollPicture.open({
  149. x:0,
  150. y:30,
  151. w:sw,
  152. h:200,
  153. fixedOn:'index_frm', //固定在名为'index_frm'的frame上
  154. //fixed:false //跟随网页滚动
  155. }, function(ret, err){
  156. alert(JSON.stringify(ret));
  157. });
  158. }
  159. function testclose(){
  160. scrollPicture.close();
  161. }
  162. function toRefrash(){
  163. api.refreshHeaderLoading();
  164. }
  165. function stopRefrash(){
  166. api.refreshHeaderLoadDone();
  167. }
  168. function setRefrashHeader(){
  169. api.setCustomRefreshHeaderInfo({
  170. arrowImage: 'widget://image/refresh.png'
  171. }, function( ret, err ){
  172. ;
  173. });
  174. alert('设置成功,再进入下拉刷新状态看看图片是否变啦!');
  175. }
  176. var sModule = null;
  177. function syncInterface(what){
  178. if(!sModule){
  179. sModule = api.require('syncModule');
  180. }
  181. var ret = null;
  182. if(0 == what){
  183. ret = sModule.int();
  184. }else if(1 == what){
  185. ret = sModule.float();
  186. }else if(2 == what){
  187. ret = sModule.boolean();
  188. }else if(3 == what){
  189. ret = sModule.string();
  190. }else if(4 == what){
  191. ret = sModule.json();
  192. }else if(5 == what){
  193. ret = sModule.jsonay();
  194. }else{
  195. return;
  196. }
  197. if(typeof ret === 'object'){
  198. alert("获取结果为对象!\n结果:" + JSON.stringify(ret));
  199. }else{
  200. alert("获取结果为基本数据!\n结果:" + ret);
  201. }
  202. }
  203. </script>
  204. <div id="wrap">
  205. <div id="main">
  206. <br>
  207. <div class='itemtitle'>1、弹出对话框</div>
  208. <div class="clickbtn" tapmode="active" onclick="showAlert()" >点击弹出</div>
  209. <!-- <div class="clickbtn" tapmode="active" onclick="startGisActivity()" >启动GisActivity</div>-->
  210. <div class="clickbtn" tapmode="active" onclick="huaceRtkList()" >获取手机已配对RTK设备列表</div>
  211. <div class="clickbtn" tapmode="active" onclick="startGisAndSend()" >高效率简洁启动Gnss服务并发送连接</div>
  212. <div class="clickbtn" tapmode="active" onclick="startGisService()" >启动GisService</div>
  213. <div class="clickbtn" tapmode="active" onclick="sendConnect()" >尝试连接</div>
  214. <div class="clickbtn" tapmode="active" onclick="loginCors()" >登录cors</div>
  215. <div class="clickbtn" tapmode="active" onclick="stopBTConnect()" >断开BT连接</div>
  216. <div class="clickbtn" tapmode="active" onclick="stopGorsConnect()" >断开Cors连接</div>
  217. <div class="clickbtn" tapmode="active" onclick="gisLatLng()" >获取经纬度</div>
  218. <div class="clickbtn" tapmode="active" onclick="gisLatLng2()" >获取经纬度2</div>
  219. <div class="clickbtn" tapmode="active" onclick="stopGisService()" >停止GisService</div>
  220. <div class="clickbtn" tapmode="active" onclick="startCeditongIntent()" >注册测地通广播</div>
  221. <div class="clickbtn" tapmode="active" onclick="getIntentGis()" >获取广播经纬度</div>
  222. <div class="clickbtn" tapmode="active" onclick="stopCeditongIntent()" >释放测地通广播</div>
  223. <div class='itemtitle'>2、启动Activity</div>
  224. <div class="clickbtn" tapmode="active" onclick="startActivity()" >startActivity</div>
  225. <div class="clickbtn" tapmode="active" onclick="startActivityForResult()" >startActivityForResult</div>
  226. <div style="font-size:0.8em;">acticity返回值:</div>
  227. <div id="activity_result" style="width:100%;word-wrap: break-word;word-break: normal;"></div><br><br>
  228. <div class='itemtitle'>3、调用设备震动</div>
  229. <lable>设置震动时间,单位:毫秒</lable><br>
  230. <input type="number" id="vibrate" value="20000" />
  231. <div class="clickbtn" tapmode="active" onclick="vibrate()" >开始震动</div>
  232. <div class="clickbtn" tapmode="active" onclick="stopVibrate()" >停止震动</div>
  233. <div class='itemtitle'>4、自定义UI模块</div>
  234. <div class="clickbtn" tapmode="active" onclick="addView()" >添加自定义View到当前Window</div>
  235. <div class="clickbtn" tapmode="active" onclick="removeView()" >从当前Window移除自定义View</div>
  236. <div class='itemtitle'>5、简单ScrollPicture模块</div>
  237. <lable>输入ScrollPicture的宽度</lable><br>
  238. <input type="number" id="sw" value="300"/>
  239. <div class="clickbtn" tapmode="active" onclick="testopen()" >打开ScrollPicture</div>
  240. <div class="clickbtn" tapmode="active" onclick="testclose()" >移除ScrollPicture</div>
  241. <div class='itemtitle'>6、自定义简单的下拉刷新模块</div>
  242. <div class="clickbtn" tapmode="active" onclick="toRefrash()" >直接进入下拉刷新</div>
  243. <div class="clickbtn" tapmode="active" onclick="stopRefrash()" >退出下拉刷新</div>
  244. <div class="clickbtn" tapmode="active" onclick="setRefrashHeader()" >设置自定义下拉刷新模块</div>
  245. <div class='itemtitle'>7、同步接口</div>
  246. <div class="clickbtn" tapmode="active" onclick="syncInterface(0)" >同步获取整数</div>
  247. <div class="clickbtn" tapmode="active" onclick="syncInterface(1)" >同步获取小数</div>
  248. <div class="clickbtn" tapmode="active" onclick="syncInterface(2)" >同步获取bool值</div>
  249. <div class="clickbtn" tapmode="active" onclick="syncInterface(3)" >同步获取字符串</div>
  250. <div class="clickbtn" tapmode="active" onclick="syncInterface(4)" >同步获取JSON对象</div>
  251. <div class="clickbtn" tapmode="active" onclick="syncInterface(5)" >同步获取JSON数组对象</div>
  252. <div class='itemtitle'>8、模块B弹出对话框</div>
  253. <div class="clickbtn" tapmode="active" onclick="BMshowAlert()" >点击弹出</div>
  254. <div class='itemtitle'>9、模块A自定义UI模块</div>
  255. <div class="clickbtn" tapmode="active" onclick="AMaddView()" >添加自定义View到当前Window</div>
  256. <div class='itemtitle'>10、模块C启动Activity</div>
  257. <div class="clickbtn" tapmode="active" onclick="CMstartActivity()" >startActivity</div>
  258. <div class="clickbtn" tapmode="active" onclick="CMstartActivityForResult()" >startActivityForResult</div>
  259. <br>
  260. </div>
  261. </div>
  262. </body>
  263. </html>