{"id":29012,"date":"2024-11-25T09:41:13","date_gmt":"2024-11-25T01:41:13","guid":{"rendered":"https:\/\/fwq.ai\/blog\/29012\/"},"modified":"2024-11-25T09:41:13","modified_gmt":"2024-11-25T01:41:13","slug":"%e5%88%a9%e7%94%a8android%e5%bc%80%e5%8f%91%e5%be%ae%e4%bf%a1%e5%b0%8f%e7%a8%8b%e5%ba%8f%e5%bc%b9%e5%87%ba%e8%8f%9c%e5%8d%95%e4%bb%a3%e7%a0%81","status":"publish","type":"post","link":"https:\/\/fwq.ai\/blog\/29012\/","title":{"rendered":"\u5229\u7528Android\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f39\u51fa\u83dc\u5355\u4ee3\u7801"},"content":{"rendered":"<p>\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5229\u7528\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f39\u51fa\u83dc\u5355\u4ee3\u7801\u7684\u76f8\u5173\u8d44\u6599,\u672c\u6587\u901a\u8fc7\u5b9e\u4f8b\u4ee3\u7801\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u7684\u975e\u5e38\u8be6\u7ec6\uff0c\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b<\/p>\n<p>\u5148\u7ed9\u5927\u5bb6\u5c55\u793a\u4e0b\u6548\u679c\u56fe\uff0c\u5177\u4f53\u6548\u679c\u56fe\u5982\u4e0b\u6240\u793a\uff1a<\/p>\n<p style=\"text-align: center\"><img decoding=\"async\" src=\"https:\/\/img.php.cn\/upload\/article\/000\/000\/013\/8b3f85c2d570635ede1d4c22ac462b05-0.gif\" style=\"max-width:90%\" class=\"aligncenter\" title=\"\u5229\u7528Android\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f39\u51fa\u83dc\u5355\u4ee3\u7801\u63d2\u56fe\" alt=\"\u5229\u7528Android\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f39\u51fa\u83dc\u5355\u4ee3\u7801\u63d2\u56fe\" \/><\/p>\n<p>\u5177\u4f53\u4ee3\u7801\u5982\u4e0b\u6240\u793a: <\/p>\n<p><strong>1.index.<\/strong><\/p>\n<\/p>\n<pre>\/\/index.js\r\n\/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b\r\nvar&nbsp;app&nbsp;=&nbsp;getApp()\r\nPage({\r\n&nbsp;data:&nbsp;{\r\n&nbsp;isPopping:&nbsp;false,\/\/\u662f\u5426\u5df2\u7ecf\u5f39\u51fa\r\n&nbsp;animationPlus:&nbsp;{},\/\/\u65cb\u8f6c\u52a8\u753b\r\n&nbsp;animationcollect:&nbsp;{},\/\/item\u4f4d\u79fb,\u900f\u660e\u5ea6\r\n&nbsp;animationTranspond:&nbsp;{},\/\/item\u4f4d\u79fb,\u900f\u660e\u5ea6\r\n&nbsp;animationInput:&nbsp;{},\/\/item\u4f4d\u79fb,\u900f\u660e\u5ea6\r\n&nbsp;\/\/\u6211\u7684\u535a\u5ba2:http:\/\/www.php.cn\/\r\n&nbsp;\/\/CSDN\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e13\u680f:http:\/\/www.php.cn\/\r\n&nbsp;},\r\n&nbsp;onLoad:&nbsp;function&nbsp;()&nbsp;{\r\n&nbsp;},\r\n&nbsp;\/\/\u70b9\u51fb\u5f39\u51fa\r\n&nbsp;plus:&nbsp;function&nbsp;()&nbsp;{\r\n&nbsp;if&nbsp;(this.data.isPopping)&nbsp;{\r\n&nbsp;&nbsp;\/\/\u7f29\u56de\u52a8\u753b\r\n&nbsp;&nbsp;popp.call(this);\r\n&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;isPopping:&nbsp;false\r\n&nbsp;&nbsp;})\r\n&nbsp;}&nbsp;else&nbsp;{\r\n&nbsp;&nbsp;\/\/\u5f39\u51fa\u52a8\u753b\r\n&nbsp;&nbsp;takeback.call(this);\r\n&nbsp;&nbsp;this.setData({\r\n&nbsp;&nbsp;isPopping:&nbsp;true\r\n&nbsp;&nbsp;})\r\n&nbsp;}\r\n&nbsp;},\r\n&nbsp;input:&nbsp;function&nbsp;()&nbsp;{\r\n&nbsp;console.log(\"input\")\r\n&nbsp;},\r\n&nbsp;transpond:&nbsp;function&nbsp;()&nbsp;{\r\n&nbsp;console.log(\"transpond\")\r\n&nbsp;},\r\n&nbsp;collect:&nbsp;function&nbsp;()&nbsp;{\r\n&nbsp;console.log(\"collect\")\r\n&nbsp;}\r\n})\r\n\/\/\u5f39\u51fa\u52a8\u753b\r\nfunction&nbsp;popp()&nbsp;{\r\n&nbsp;\/\/plus\u987a\u65f6\u9488\u65cb\u8f6c\r\n&nbsp;var&nbsp;animationPlus&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;var&nbsp;animationcollect&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;var&nbsp;animationTranspond&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;var&nbsp;animationInput&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;animationPlus.rotateZ(180).step();\r\n&nbsp;animationcollect.translate(-100,&nbsp;-100).rotateZ(180).opacity(1).step();\r\n&nbsp;animationTranspond.translate(-140,&nbsp;0).rotateZ(180).opacity(1).step();\r\n&nbsp;animationInput.translate(-100,&nbsp;100).rotateZ(180).opacity(1).step();\r\n&nbsp;this.setData({\r\n&nbsp;animationPlus:&nbsp;animationPlus.export(),\r\n&nbsp;animationcollect:&nbsp;animationcollect.export(),\r\n&nbsp;animationTranspond:&nbsp;animationTranspond.export(),\r\n&nbsp;animationInput:&nbsp;animationInput.export(),\r\n&nbsp;})\r\n}\r\n\/\/\u6536\u56de\u52a8\u753b\r\nfunction&nbsp;takeback()&nbsp;{\r\n&nbsp;\/\/plus\u9006\u65f6\u9488\u65cb\u8f6c\r\n&nbsp;var&nbsp;animationPlus&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;var&nbsp;animationcollect&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;var&nbsp;animationTranspond&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;var&nbsp;animationInput&nbsp;=&nbsp;wx.createAnimation({\r\n&nbsp;duration:&nbsp;500,\r\n&nbsp;timingFunction:&nbsp;'ease-out'\r\n&nbsp;})\r\n&nbsp;animationPlus.rotateZ(0).step();\r\n&nbsp;animationcollect.translate(0,&nbsp;0).rotateZ(0).opacity(0).step();\r\n&nbsp;animationTranspond.translate(0,&nbsp;0).rotateZ(0).opacity(0).step();\r\n&nbsp;animationInput.translate(0,&nbsp;0).rotateZ(0).opacity(0).step();\r\n&nbsp;this.setData({\r\n&nbsp;animationPlus:&nbsp;animationPlus.export(),\r\n&nbsp;animationcollect:&nbsp;animationcollect.export(),\r\n&nbsp;animationTranspond:&nbsp;animationTranspond.export(),\r\n&nbsp;animationInput:&nbsp;animationInput.export(),\r\n&nbsp;})\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p><strong>2.index.w<\/strong><\/p>\n<\/p>\n<pre>&lt;!--index.wxml--&gt;\r\n&lt;image&gt;&lt;\/image&gt;&lt;image&gt;&lt;\/image&gt;&lt;image&gt;&lt;\/image&gt;&lt;image&gt;&lt;\/image&gt;<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p><strong>3.index.<\/strong><\/p>\n<\/p>\n<pre>\/**index.wxss**\/\r\n.image-style&nbsp;{\r\n&nbsp;height:&nbsp;150rpx;\r\n&nbsp;width:&nbsp;150rpx;\r\n&nbsp;position:&nbsp;absolute;\r\n&nbsp;bottom:&nbsp;250rpx;\r\n&nbsp;right:&nbsp;100rpx;\r\n&nbsp;opacity:&nbsp;0;\r\n}\r\n.image-plus-style&nbsp;{\r\n&nbsp;height:&nbsp;150rpx;\r\n&nbsp;width:&nbsp;150rpx;\r\n&nbsp;position:&nbsp;absolute;\r\n&nbsp;bottom:&nbsp;250rpx;\r\n&nbsp;right:&nbsp;100rpx;\r\n&nbsp;z-index:&nbsp;100;\r\n}<\/pre>\n<p> \u767b\u5f55\u540e\u590d\u5236 <\/p>\n<p>\u4ee5\u4e0a\u5c31\u662f\u5229\u7528Android\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f39\u51fa\u83dc\u5355\u4ee3\u7801\u7684\u8be6\u7ec6\u5185\u5bb9\uff0c\u66f4\u591a\u8bf7\u5173\u6ce8\u7c73\u4e91\u5176\u5b83\u76f8\u5173\u6587\u7ae0\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u8fd9\u7bc7\u6587\u7ae0\u4e3b\u8981\u4ecb\u7ecd\u4e86\u5229\u7528\u5f00\u53d1\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f39\u51fa\u83dc\u5355\u4ee3\u7801\u7684\u76f8\u5173\u8d44\u6599,\u672c\u6587\u901a\u8fc7\u5b9e\u4f8b\u4ee3\u7801\u7ed9\u5927\u5bb6\u4ecb\u7ecd\u7684\u975e\u5e38\u8be6\u7ec6\uff0c\u9700\u8981\u7684\u670b\u53cb\u53ef\u4ee5\u53c2\u8003\u4e0b \u5148\u7ed9\u5927\u5bb6\u5c55\u793a\u4e0b\u6548\u679c\u56fe\uff0c\u5177\u4f53\u6548\u679c\u56fe\u5982\u4e0b\u6240\u793a\uff1a \u5177\u4f53\u4ee3\u7801\u5982\u4e0b\u6240\u793a: 1.index. \/\/index.js \/\/\u83b7\u53d6\u5e94\u7528\u5b9e\u4f8b var&nbsp;app&nbsp;=&nbsp;getApp() Page({ &nbsp;data:&nbsp;{ &nbsp;isPopping:&nbsp;false,\/\/\u662f\u5426\u5df2\u7ecf\u5f39\u51fa &nbsp;animationPlus:&nbsp;{},\/\/\u65cb\u8f6c\u52a8\u753b &nbsp;animationcollect:&nbsp;{},\/\/item\u4f4d\u79fb,\u900f\u660e\u5ea6 &nbsp;animationTranspond:&nbsp;{},\/\/item\u4f4d\u79fb,\u900f\u660e\u5ea6 &nbsp;animationInput:&nbsp;{},\/\/item\u4f4d\u79fb,\u900f\u660e\u5ea6 &nbsp;\/\/\u6211\u7684\u535a\u5ba2:http:\/\/www.php.cn\/ &nbsp;\/\/CSDN\u5fae\u4fe1\u5c0f\u7a0b\u5e8f\u5f00\u53d1\u4e13\u680f:http:\/\/www.php.cn\/ &nbsp;}, &nbsp;onLoad:&nbsp;function&nbsp;()&nbsp;{ &nbsp;}, &nbsp;\/\/\u70b9\u51fb\u5f39\u51fa &nbsp;plus:&nbsp;function&nbsp;()&nbsp;{ &nbsp;if&nbsp;(this.data.isPopping)&nbsp;{ &nbsp;&nbsp;\/\/\u7f29\u56de\u52a8\u753b &nbsp;&nbsp;popp.call(this); &nbsp;&nbsp;this.setData({ &nbsp;&nbsp;isPopping:&nbsp;false &nbsp;&nbsp;}) &nbsp;}&nbsp;else&nbsp;{ &nbsp;&nbsp;\/\/\u5f39\u51fa\u52a8\u753b &nbsp;&nbsp;takeback.call(this); &nbsp;&nbsp;this.setData({ &nbsp;&nbsp;isPopping:&nbsp;true &nbsp;&nbsp;}) &nbsp;} &nbsp;}, &nbsp;input:&nbsp;function&nbsp;()&nbsp;{ &nbsp;console.log(&#8220;input&#8221;) &nbsp;}, &nbsp;transpond:&nbsp;function&nbsp;()&nbsp;{ &nbsp;console.log(&#8220;transpond&#8221;) &nbsp;}, &nbsp;collect:&nbsp;function&nbsp;()&nbsp;{ &nbsp;console.log(&#8220;collect&#8221;) &nbsp;} }) \/\/\u5f39\u51fa\u52a8\u753b function&nbsp;popp()&nbsp;{ &nbsp;\/\/plus\u987a\u65f6\u9488\u65cb\u8f6c &nbsp;var&nbsp;animationPlus&nbsp;=&nbsp;wx.createAnimation({ &nbsp;duration:&nbsp;500, &nbsp;timingFunction:&nbsp;&#8216;ease-out&#8217; &nbsp;}) &nbsp;var&nbsp;animationcollect&nbsp;=&nbsp;wx.createAnimation({ &nbsp;duration:&nbsp;500, &nbsp;timingFunction:&nbsp;&#8216;ease-out&#8217; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-29012","post","type-post","status-publish","format-standard","hentry","category-19"],"_links":{"self":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29012","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/comments?post=29012"}],"version-history":[{"count":0,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/posts\/29012\/revisions"}],"wp:attachment":[{"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/media?parent=29012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/categories?post=29012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fwq.ai\/blog\/wp-json\/wp\/v2\/tags?post=29012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}