Android 使用jQuery實現(xiàn)item點擊顯示或隱藏的特效的示例
本文介紹了Android 使用jQuery實現(xiàn)item點擊顯示或隱藏的特效的示例，分享給大家，具體如下：
效果圖
分析
上圖中的功能在很多APP上都可能用到過，例如app的幫助界面，告訴用戶如何使用APP
一般的實現(xiàn)方式都是通過ListView來實現(xiàn)的，實際上此類需求非常簡單，完全可以用WebView加載HTML來實現(xiàn)
抽屜樣式的顯示隱藏特效可以使用jQuery來實現(xiàn)，一個函數(shù)就可以搞定
實現(xiàn)
集成jQuery
網(wǎng)頁中需要使用到jQuery，最新版本可以去官網(wǎng)下載
不推薦使用超鏈接關聯(lián)的方式把jQuery集成到網(wǎng)頁中，如幫助頁面就需要考慮在不聯(lián)網(wǎng)的情況下被訪問，所以建議把jQuery放入工程中
這里使用的是發(fā)布的精簡版本，直接對鏈接右鍵另存為文本
將另存為的文本重命名為jquery.js，在HTML中通過以下代碼將jQuery集成進來
<script src="jquery.js"></script>
記得要根據(jù)集成的路徑修改對應的引入路徑
編寫網(wǎng)頁
實現(xiàn)一個簡單的單條item顯示/隱藏特效
<!doctype html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
<!-- 網(wǎng)頁樣式 -->
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
font-family: "微軟雅黑";
font-size: 16px;
}
div.div300 {
margin:0px;
padding:5px;
background:#ffffff;
border:solid 1px #c3c3c3;
}
h3.h300 {
margin:0px;
padding:5px;
background:#F5F5F5;
border:solid 1px #c3c3c3;
color:black;
}
</style>
<!-- 控制邏輯 -->
<script src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".h300").click(function(){
$(".div300").slideToggle("fast");
});
});
</script>
<title>標題</title>
</head>
<body>
<div style="padding:10px; text-align: justify;">
<h3 class="h300">item點擊顯示或隱藏0</h3>
<div class="div300">
<p>
1.上圖中的功能在很多APP上都可能用到過，例如app的幫助界面，告訴用戶如何使用APP。<br><br>
2.一般的實現(xiàn)方式都是通過ListView來實現(xiàn)的，實際上此類需求非常的簡單，完全可以用HTML來實現(xiàn)。<br><br>
3.顯示隱藏的特效可以使用jQuery來實現(xiàn)，一個函數(shù)就可以搞定。<br><br>
4.網(wǎng)頁中需要使用到jQuery，最新版本可以去官網(wǎng)下載。<br>
</p>
</div>
</div>
</body>
</html>
控制邏輯中slideToggle的值可以選擇“slow”或“fast”來改變滑動的速度
body中div300表示要顯示或隱藏的內(nèi)容，h300表示一個item條目
把寫好的html文件和jquery.js文件一起放入Android工程下的assets中
加載網(wǎng)頁
在Activity中使用WebView加載網(wǎng)頁
加載網(wǎng)頁的代碼
public class GuideActivity extends AppCompatActivity {
private final String htmlPath = "file:///android_asset/guide.html";
private WebView mContentWv;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_guide);
mContentWv = (WebView) findViewById(R.id.web_guide_content);
mContentWv.getSettings().setJavaScriptEnabled(true);
mContentWv.loadUrl(htmlPath);
}
}
使用WebView的要小心各種坑，最需要注意的就是內(nèi)存泄露問題，目前最好的處理方式，就是給界面中含有WebView的界面開啟一個新的進程，然后在退出該界面的時候結(jié)束這個進程
具體做法如下：
在AndroidManifest.xml中給含有WebView的Activity開啟新的進程
<activity android:name=".modules.main.GuideActivity" android:launchMode="singleTask" android:process=":guide.process"/>
通過process屬性指定新進程的名稱，這里設置的是一個私有進程
界面退出時關閉進程
Activity退出時在onDestroy中使用System.exit(0)關閉進程
@Override protected void onDestroy( ViewGroup view = (ViewGroup) getWindow().getDecorView(); view.removeAllViews(); super.onDestroy(); System.exit(0); }
進程退出后，不管它是正常退出的還是異常退出的，操作系統(tǒng)都會去釋放掉這個進程的資源。如內(nèi)存資源和打開的文件資源等等，這個是由內(nèi)核控制的，比較靠譜
使用此方法也要注意以下兩點：
- Activity頁面中是否引用了不同進程的資源，如果有的話就需要使用IPC機制來處理不同進程間的通信了
- 啟動的頁面的速度會慢很多，因為內(nèi)存被清空了，無緩存的情況下啟動變慢，還有就是新開進程需要消耗一定的資源
總結(jié)
簡單的頁面使用HTML來做可以節(jié)約開發(fā)成本，可移植性強
如果需要動態(tài)改變頁面的數(shù)據(jù)，可以用到WebView與JavaScript互相調(diào)用
WebView的使用存在各種坑，開發(fā)中需要仔細測試并盡量避免
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
- Android編程實現(xiàn)ListView中item部分區(qū)域添加點擊事件功能
- Android開發(fā)實現(xiàn)ListView點擊item改變顏色功能示例
- Android中ListView的item點擊沒有反應的解決方法
- Android ListView的Item點擊效果的定制
- Android 中RecycleView實現(xiàn)item的點擊事件
- Android RecyclerView的Item點擊事件實現(xiàn)整理
- Android 中ListView點擊Item無響應問題的解決辦法
- Android中Listview點擊item不變顏色及設置listselector 無效的解決方案
- Android 中ListView的Item點擊事件失效的快速解決方法
- Android中RecyclerView點擊Item設置事件
相關文章
這篇文章主要為大家詳細介紹了RecyclerView的簡單使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
這篇文章主要介紹了詳解如何在Flutter中集成華為認證服務，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-02-02
Android Vitamio和ExoPlayer兩種播放器優(yōu)劣分析
Vitamio和ExoPlayer都是用于安卓平臺的視頻播放器庫，它們各有優(yōu)缺點，具體使用哪一個，需要根據(jù)你的實際需求、開發(fā)經(jīng)驗、項目規(guī)模等多個因素綜合考慮2023-04-04
這篇文章主要以簡易版微信為例，實現(xiàn)簡易版微信的登陸、注冊界面的編寫與簡單交互，感興趣的小伙伴們可以參考一下2016-06-06
這篇文章主要為大家詳細介紹了Android Checkbox的使用方法，感興趣的小伙伴們可以參考一下2016-02-02
最近在使用趕集網(wǎng)的時候，發(fā)現(xiàn)他的下拉刷新十分有趣，是一頭飛行的小毛驢，作為開發(fā)者自然心里癢癢打算把它做出來順便鍛煉下自己的動手能力。本文講解如何仿照實現(xiàn)該效果2021-06-06
今天給大家?guī)硪粋€展開和收起的簡單效果,如果只是代碼中簡單設置顯示或隱藏,熟悉安卓系統(tǒng)的朋友都知道,那一定是閃現(xiàn),所以筆者結(jié)合了動畫,使得體驗效果瞬間提升一個檔次,感興趣的小伙伴可以自己動手試一試2023-08-08
Android中用Builder模式自定義Dialog的方法
在任何軟件操作系統(tǒng)中，Dialog即對話框都是一種重要的交互模式與信息載體，而Android系統(tǒng)本身的Dialog擁有固定的樣式，并且在5.0后采用Material Design設計風格的Dialog美觀大氣。這篇文章將詳細介紹Android中用Builder模式自定義Dialog的方法，有需要的可以參考借鑒。2016-10-10
這篇文章主要介紹了Android中View跟隨手指滑動效果的實例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
Android onbackpressed實現(xiàn)返回鍵的攔截和彈窗流程分析
很多網(wǎng)友不明白如何在Android平臺上捕獲Back鍵的事件，Back鍵是手機上的后退鍵，一般的軟件不捕獲相關信息可能導致你的程序被切換到后臺，而回到桌面的尷尬情況，在Android上有兩種方法來獲取該按鈕的事件2023-01-01