floatyDemoTest.js 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276
  1. let SCRIPT_CONF = require('./common/ScriptConf.js')
  2. /**
  3. * 作者: 大柒
  4. * 日期: 20190307
  5. *
  6. */
  7. var window = floaty.rawWindow(
  8. <frame id="xx1" h="800px" w="150px" >
  9. <img id="cd_1" layout_gravity="bottom|center" w="100px" h="100px" src="file://./start.png" rotation="-90" />
  10. <img id="cd_2" layout_gravity="bottom|center" w="100px" h="100px" src="file://./resume.png" rotation="-90" />
  11. <img id="cd_3" layout_gravity="bottom|center" w="100px" h="100px" src="file://./back.png" rotation="-90" />
  12. </frame>
  13. );
  14. var window1 = floaty.window(
  15. <frame h="150px" w="150px" >
  16. <img id="jia" layout_gravity="bottom|left" w="150px" h="150px" src="file://./test.png" />
  17. </frame>
  18. );
  19. //cd1值 菜单的默认加载位置 b,d,e 跟随C值 这个自己摸索
  20. //jiaodu值 加载图标的旋转开始角度
  21. //sleep0值 动画时间 0为无延迟 数值越小 加载越快 反之则慢
  22. //date0_sj值 按下手指不移动时等待多少毫秒关闭悬浮窗
  23. //move0值 手指移动的距离小于该值 则判断为 未移动
  24. //date1_sj 值 手指触摸时间小于该值 则判断为点击
  25. var cd1 = 180;
  26. var jiaodu = 0;
  27. var sleep0=1;
  28. var date0_sj=1000;
  29. var move0=60;
  30. var date1_sj=200;
  31. var y2 = false, y1 = true;
  32. let cd2 = cd1, cd3 = cd1
  33. let windowWidth
  34. let windowHeight
  35. let window1Width
  36. let window1Height
  37. let lockStart = false
  38. ui.post(function () {
  39. windowWidth = window.getWidth();
  40. windowHeight = window.getHeight();
  41. window1Width = window1.getWidth();
  42. window1Height = window1.getHeight();
  43. }, 1000);
  44. window.cd_1.setPivotY(cd1)
  45. window.cd_1.setPivotX(cd1)
  46. window.cd_2.setPivotY(cd2)
  47. window.cd_2.setPivotX(cd2)
  48. window.cd_3.setPivotY(cd3)
  49. window.cd_3.setPivotX(cd3)
  50. window.setTouchable(false);
  51. //两个悬浮窗Y值差值
  52. var Y_cz=725
  53. //两个悬浮窗初始位置
  54. window.setPosition(50, device.height - (400+Y_cz))
  55. // window.setPosition(device.width - 200, device.height - (400+Y_cz))
  56. window1.setPosition(50, device.height - 400)
  57. function jz() {
  58. threads.start(function () {
  59. if (y1) {
  60. y1 = false
  61. if (y2) {
  62. y2 = false
  63. for (let i = 0; i < 100; i++) {
  64. if (i % 2) { window1.jia.setRotation(jiaodu += 1) }
  65. window.cd_1.setPivotY(cd1 += 4)
  66. window.cd_1.setPivotX(cd1)
  67. window.cd_2.setPivotY(cd2 += 3)
  68. window.cd_2.setPivotX(cd2)
  69. window.cd_3.setPivotY(cd3 += 2)
  70. window.cd_3.setPivotX(cd3)
  71. sleep(sleep0)
  72. }
  73. } else {
  74. for (let i = 100; i > 0; i--) {
  75. if (i % 2) { window1.jia.setRotation(jiaodu -= 1) }
  76. window.cd_1.setPivotY(cd1 -= 4)
  77. window.cd_1.setPivotX(cd1)
  78. window.cd_2.setPivotY(cd2 -= 3)
  79. window.cd_2.setPivotX(cd2)
  80. window.cd_3.setPivotY(cd3 -= 2)
  81. window.cd_3.setPivotX(cd3)
  82. sleep(sleep0)
  83. }
  84. y2 = true;
  85. }
  86. y1 = true
  87. }
  88. })
  89. }
  90. window.cd_1.on("click", () => {
  91. if (y2) {
  92. toastLog("cd1")
  93. jz();
  94. window.setTouchable(false);
  95. }
  96. })
  97. window.cd_2.on("click", () => {
  98. if (y2) {
  99. engines.stopAll()
  100. jz();
  101. window.setTouchable(false);
  102. }
  103. })
  104. window.cd_3.on("click", () => {
  105. if (y2) {
  106. toastLog("系统")
  107. jz();
  108. window.setTouchable(false);
  109. }
  110. })
  111. var fn = () => { }
  112. var id = setInterval(
  113. fn, 3000
  114. )
  115. //记录按键被按下时的触摸坐标
  116. var x = 0,
  117. y = 0;
  118. //记录按键被按下时的悬浮窗位置
  119. var windowX, windowY;
  120. //记录按键被按下的时间以便判断长按等动作
  121. var downTime;yd=false;
  122. window1.jia.setOnTouchListener(function (view, event) {
  123. switch (event.getAction()) {
  124. case event.ACTION_DOWN:
  125. x = event.getRawX();
  126. y = event.getRawY();
  127. windowX = window.getX();
  128. windowY = window.getY();
  129. windowX1 = window1.getX();
  130. windowY1 = window1.getY();
  131. downTime = new Date().getTime();
  132. return true;
  133. case event.ACTION_MOVE:
  134. if(!yd){//如果移动的距离大于h值 则判断为移动 yd为真
  135. if (Math.abs(event.getRawY() - y) >move0 || Math.abs(event.getRawX() - x) > move0) {yd=true}
  136. //如果按下的时间超过g值并且yd值为假判断为长按,退出脚本
  137. if (new Date().getTime() - downTime > date0_sj) {
  138. log(new Date().getTime() - downTime);
  139. exit();
  140. //关闭悬浮窗
  141. //window.close()
  142. //window1.close()
  143. }
  144. }else{//移动手指时调整两个悬浮窗位置
  145. windowHeight = window1Height
  146. windowWidth = window1Width
  147. let xAxisMovingDistance = event.getRawX() - x;
  148. let yAxisMovingDistance = event.getRawY() - y;
  149. if (windowX + xAxisMovingDistance < 0) {
  150. if (windowY + yAxisMovingDistance < 0) {
  151. window.setPosition(10,
  152. windowY + (event.getRawY() - y));
  153. window1.setPosition(10,
  154. windowY + ((event.getRawY() - y)+Y_cz));
  155. console.log("触发了8")
  156. } else if (windowY + windowHeight + yAxisMovingDistance > device.height) {
  157. window.setPosition(10,
  158. device.height - windowHeight);
  159. window1.setPosition(10,
  160. device.height - windowHeight+Y_cz);
  161. console.log("触发了7")
  162. // window.setPosition(0, );
  163. } else {
  164. console.log("触发了6")
  165. window.setPosition(10,
  166. windowY + yAxisMovingDistance);
  167. window1.setPosition(10,
  168. windowY + yAxisMovingDistance+Y_cz);
  169. // window.setPosition(0, windowY + yAxisMovingDistance);
  170. }
  171. } else if (windowX + xAxisMovingDistance > device.width - windowWidth) {
  172. if (windowY + yAxisMovingDistance < 0) {
  173. console.log("触发了5")
  174. window.setPosition(device.width - windowWidth,
  175. windowY + yAxisMovingDistance);
  176. window1.setPosition(device.width - windowWidth,
  177. windowY + yAxisMovingDistance+Y_cz);
  178. } else if (windowY + windowHeight + yAxisMovingDistance > device.height) {
  179. console.log("触发了4")
  180. window.setPosition(device.width - windowWidth,
  181. device.height - window1Height);
  182. window1.setPosition(device.width - windowWidth,
  183. device.height - windowHeight+Y_cz);
  184. // window.setPosition(device.width - windowWidth, device.height - windowHeight);
  185. } else {
  186. console.log("触发了3")
  187. window.setPosition(device.width - windowWidth,
  188. windowY + yAxisMovingDistance);
  189. window1.setPosition(device.width - windowWidth,
  190. windowY + yAxisMovingDistance+Y_cz);
  191. // window.setPosition(device.width - windowWidth, windowY + yAxisMovingDistance);
  192. }
  193. } else {
  194. if (windowY + yAxisMovingDistance < 0) {
  195. console.log("触发了1")
  196. window.setPosition(windowX + xAxisMovingDistance,
  197. 0);
  198. window1.setPosition(windowX + xAxisMovingDistance,
  199. 0 +Y_cz);
  200. // window.setPosition(device.width - windowWidth, windowY + yAxisMovingDistance);
  201. // window.setPosition(windowX + xAxisMovingDistance, 0);
  202. } else if (windowY1 + windowHeight + yAxisMovingDistance + 50> device.height) {
  203. console.log("触发了2")
  204. window.setPosition(windowX + xAxisMovingDistance,
  205. device.height - windowHeight - Y_cz);
  206. window1.setPosition(windowX + xAxisMovingDistance,
  207. device.height - windowHeight - 50);
  208. // window.setPosition(windowX + xAxisMovingDistance, device.height - windowHeight);
  209. } else {
  210. window.setPosition(windowX + xAxisMovingDistance,
  211. windowY + yAxisMovingDistance);
  212. window1.setPosition(windowX + xAxisMovingDistance,
  213. windowY + yAxisMovingDistance +Y_cz);
  214. // window.setPosition(windowX + xAxisMovingDistance, windowY + yAxisMovingDistance);
  215. }
  216. }
  217. }
  218. return true;
  219. case event.ACTION_UP:
  220. //触摸时间小于 200毫秒 则判断为 点击
  221. if (new Date().getTime() - downTime < date1_sj) {
  222. jz();
  223. //根据Y2值 设置悬浮窗是否可以触摸
  224. if(y2){
  225. window.setTouchable(false);
  226. }else{
  227. window.setTouchable(true);
  228. }
  229. }
  230. yd=false
  231. return true;
  232. }
  233. return true;
  234. });
  235. // var floatyObj = {}
  236. // floatyObj.show = function(){
  237. // window.setPosition(0, device.height - (400+Y_cz))
  238. // // window.setPosition(device.width - 200, device.height - (400+Y_cz))
  239. // window1.setPosition(0, device.height - 400)
  240. // }
  241. // floatyObj.hide = function(){
  242. // window.setPosition(-3000, device.height - (400+Y_cz))
  243. // // window.setPosition(device.width - 200, device.height - (400+Y_cz))
  244. // window1.setPosition(-3000, device.height - 400)
  245. // }
  246. // module.exports = floatyObj;