久久国产成人av_抖音国产毛片_a片网站免费观看_A片无码播放手机在线观看,色五月在线观看,亚洲精品m在线观看,女人自慰的免费网址,悠悠在线观看精品视频,一级日本片免费的,亚洲精品久,国产精品成人久久久久久久

搜索
分享

android WebView結(jié)合jQuery mobile之基礎(chǔ)：整合篇

 quasiceo 2014-11-25
先將jQuery，jQueryMobile庫文件，css文件copy入assets中,，結(jié)構(gòu)如下：



創(chuàng)建assets/index.html,，注意jQuery庫和css路徑千萬不要搞錯(cuò)了,。
Html代碼  收藏代碼
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4. <title>Page Title</title>  
  5. <title>My Page</title>  
  6. <meta http-equiv="content-type" content="text/html; charset=UTF-8">  
  7. <meta charset="utf-8">  
  8. <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">  
  9.     <!--   
  10.     <link rel="stylesheet" href="http://code./mobile/1.1.0/jquery.mobile-1.1.0.min.css"></link>  
  11.     <script src="http://code./jquery-1.7.1.min.js"></script>  
  12.     <script src="http://code./mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>  
  13.     <link rel="stylesheet" href="css/jquery.mobile.structure-1.1.0.min.css" type="text/css"></link>  
  14.     <link rel="stylesheet" href="css/jquery.mobile.theme-1.1.0.min.css" type="text/css"></link>  
  15.      -->  
  16. <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" type="text/css">  
  17. <link rel="stylesheet" href="css/jquery.mobile-1.1.0.css" type="text/css">  
  18.       
  19. <script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>  
  20. <script src="js/jquery.mobile-1.1.0.min.js" type="text/javascript" charset="utf-8"></script>  
  21.   
  22. <script type="text/javascript">  
  23. $(document).ready(function(){  
  24.     alert('Hi,I am a alert!');  
  25.       
  26. });  
  27. </script>    
  28. </head>  
  29. <body>  
  30.     <div data-role="page">  
  31.   
  32.         <div data-role="header">  
  33.             <h1>My Title</h1>  
  34.         </div>  
  35.         <!-- /header -->  
  36.   
  37.         <div data-role="content">  
  38.             <ul data-role="listview" data-inset="true" data-filter="true">  
  39.                 <li><a href="#">Acura</a></li>  
  40.                 <li><a href="#">Audi</a></li>  
  41.                 <li><a href="#">BMW</a></li>  
  42.                 <li><a href="#">Cadillac</a></li>  
  43.                 <li><a href="#">Ferrari</a></li>  
  44.             </ul>  
  45.             <form>  
  46.                 <label for="slider-0">Input slider:</label>   
  47.                 <input type="range" name="slider" id="slider-0" value="25" min="0" max="100" />  
  48.             </form>  
  49.             <a href="#" data-role="button" data-icon="star" data-theme="a">Star button</a>  
  50.             <a href="#" data-role="button" data-icon="star" data-theme="b">Star button</a>  
  51.             <a href="#" data-role="button" data-icon="star" data-theme="c">Star button</a>  
  52.             <a href="#" data-role="button" data-icon="star" data-theme="d">Star button</a>  
  53.             <a href="#" data-role="button" data-icon="star" data-theme="e">Star button</a>  
  54.         </div>  
  55.         <!-- /content -->  
  56.   
  57.     </div>  
  58.     <!-- /page -->  
  59. </body>  
  60. </html>  

寫代碼：
Java代碼  收藏代碼
  1. package com.dl.test;  
  2.   
  3. import android.graphics.Bitmap;  
  4. import android.os.Bundle;  
  5. import android.os.Handler;  
  6. import android.view.KeyEvent;  
  7. import android.webkit.WebView;  
  8. import android.webkit.WebViewClient;  
  9.   
  10. public class App extends BaseActivity {  
  11.     private Handler mHandler = new Handler();  
  12.     WebView mWebView;  
  13.   
  14.     /** Called when the activity is first created. */  
  15.     @Override  
  16.     public void onCreate(Bundle savedInstanceState) {  
  17.         super.onCreate(savedInstanceState);  
  18.         setContentView(R.layout.main);  
  19.         mWebView = (WebView) findViewById(R.id.webView);  
  20.         mWebView.getSettings().setJavaScriptEnabled(true);  
  21.         mWebView.requestFocus();  
  22.         mWebView.setWebViewClient(new WebViewClient());  
  23.         mWebView.setWebChromeClient(new MyWebChromeClient());//讓W(xué)ebView支持彈出框  
  24.         /* 
  25. mWebView.addJavascriptInterface(new Object() { 
  26.             public void clickOnAndroid() { 
  27.                 mHandler.post(new Runnable() { 
  28.                     public void run() { 
  29.                         mWebView.loadUrl("javascript:wave()"); 
  30.                     } 
  31.                 }); 
  32.             } 
  33.         }, "demo");*/  
  34.         mWebView.loadUrl("file:///android_asset/index.html");  
  35.     }  
  36.   
  37.     // 如果不做任何處理,，瀏覽網(wǎng)頁,，點(diǎn)擊系統(tǒng)“Back”鍵,，整個(gè)Browser會(huì)調(diào)用finish()而結(jié)束自身,，  
  38.     // 如果希望瀏覽的網(wǎng) 頁回退而不是推出瀏覽器，需要在當(dāng)前Activity中處理并消費(fèi)掉該Back事件。  
  39.     public boolean onKeyDown(int keyCode, KeyEvent event) {  
  40.         if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {  
  41.             mWebView.goBack();  
  42.             return true;  
  43.         }  
  44.         return false;  
  45.     }  
  46.   
  47.     // 內(nèi)部類  
  48.     public class MyWebViewClient extends WebViewClient {  
  49.         // 如果頁面中鏈接,，如果希望點(diǎn)擊鏈接繼續(xù)在當(dāng)前browser中響應(yīng),，  
  50.         // 而不是新開Android的系統(tǒng)browser中響應(yīng)該鏈接，必須覆蓋 webview的WebViewClient對(duì)象,。  
  51.         public boolean shouldOverviewUrlLoading(WebView view, String url) {  
  52.             view.loadUrl(url);  
  53.             return true;  
  54.         }  
  55.   
  56.         public void onPageStarted(WebView view, String url, Bitmap favicon) {  
  57.             showProgress();  
  58.         }  
  59.   
  60.         public void onPageFinished(WebView view, String url) {  
  61.             closeProgress();  
  62.         }  
  63.   
  64.         public void onReceivedError(WebView view, int errorCode,  
  65.                 String description, String failingUrl) {  
  66.             closeProgress();  
  67.         }  
  68.     }  
  69.   
  70. }  




android通過webview+jquery設(shè)計(jì)界面
http://zhanhao./blog/1113776

jQuery Mobile開發(fā)進(jìn)階：API擴(kuò)展介紹
http://tech.it168.com/a2012/0206/1307/000001307783.shtml

JQUERY MOBILE 中文API站
http://www./
  • jquery.mobile-1.1.0.zip (1.1 MB)
  • 描述: jQueryMobile庫文件,，官網(wǎng)上下載的。
  • 下載次數(shù): 194
分享到：
評(píng)論
3 樓 wv1124 2013-12-31   引用
按返回鍵無法退出啊
2 樓 cclovescw 2013-04-25   引用
我在模擬器上顯示好的,，但是試了幾臺(tái)真機(jī),，都是顯示加載的那個(gè)圈圈，一直在那里
1 樓 xieqi2008 2012-10-25   引用
html訪問servlet出現(xiàn)個(gè)奇怪的問題,，如果有手機(jī)的uc流浪器直接打開html,，html能正確讀到servlet的數(shù)據(jù)。如果用webview給這個(gè)html套殼后再訪問servlet,，讀到的就是錯(cuò)誤的數(shù)據(jù),。

    本站是提供個(gè)人知識(shí)管理的網(wǎng)絡(luò)存儲(chǔ)空間，所有內(nèi)容均由用戶發(fā)布,，不代表本站觀點(diǎn),。請(qǐng)注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,，謹(jǐn)防詐騙,。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊一鍵舉報(bào),。
    轉(zhuǎn)藏 分享 獻(xiàn)花（0）

    0條評(píng)論

    發(fā)表

    請(qǐng)遵守用戶 評(píng)論公約

    類似文章 更多