`
CshBBrain
  • 浏览: 638965 次
  • 性别: Icon_minigender_1
  • 来自: 成都
博客专栏
B7d9bf34-126e-301f-819e-81f2615b5a2a
开源WebSocket服务...
浏览量：142301
Group-logo
HTML5移动开发
浏览量：135674
社区版块
存档分类
最新评论

Android的webview加载本地html、本apk内html和远程URL

 
阅读更多

转自：http://blog.csdn.net/windone0109/article/details/5380843

 

首先在layout文件夹下的xml中 加入Java代码 

 

[java] view plaincopy
  1.  <WebView  
  2. android:id="@+id/wv1"  
  3. android:layout_width="fill_parent"  
  4. android:layout_height="fill_parent"  
  5. />   

 

Java代码 

[java] view plaincopy
  1. public class jsWebDemo extends Activity {     
  2.     /** Called when the activity is first created. */    
  3.     @Override    
  4.     public void onCreate(Bundle savedInstanceState) {     
  5.         super.onCreate(savedInstanceState);     
  6.         setContentView(R.layout.main);      
  7.         WebView wView = (WebView)findViewById(R.id.wv1);     
  8.              
  9.         ProxyBridge pBridge = new ProxyBridge();     
  10.         wView.addJavascriptInterface(pBridge, "AliansBridge");     
  11.              
  12.         WebSettings wSet = wView.getSettings();     
  13.         wSet.setJavaScriptEnabled(true);     
  14.              
  15.         wView.loadUrl("file:///android_asset/index.html");     
  16.              
  17.     }     
  18.     
  19.     public class ProxyBridge {     
  20.         public int one () {     
  21.             return 1;     
  22.         }     
  23.     }     
  24.     
  25. }    
  26.   
  27. public class jsWebDemo extends Activity {  
  28.     /** Called when the activity is first created. */  
  29.     @Override  
  30.     public void onCreate(Bundle savedInstanceState) {  
  31.         super.onCreate(savedInstanceState);  
  32.         setContentView(R.layout.main);   
  33.         WebView wView = (WebView)findViewById(R.id.wv1);  
  34.           
  35.         ProxyBridge pBridge = new ProxyBridge();  
  36.         wView.addJavascriptInterface(pBridge, "AliansBridge");  
  37.           
  38.         WebSettings wSet = wView.getSettings();  
  39.         wSet.setJavaScriptEnabled(true);  
  40.           
  41.         wView.loadUrl("file:///android_asset/index.html");  
  42.           
  43.     }  
  44.   
  45.  public class ProxyBridge {  
  46.   public int one () {  
  47.    return 1;  
  48.   }  
  49.  }  
  50.   
  51. }   

 

 

 wView.addJavascriptInterface(pBridge, "AliansBridge");
上句代码是实例化一个方法为的是在html中的js中调用，第二个参数则是 实例化方法的别名，如果要使用这个pBridge，则在js中使用的名字就是AliansBridge。

 WebSettings wSet = wView.getSettings();
        wSet.setJavaScriptEnabled(true);
上面两句就是允许使用js的意思

wView.loadUrl(file:///android_asset/index.html);
就是在asset下放入一个index.html文件，这个文件包含js的代码，注意路径是“///”，这个android_asset不是文件夹的名字是系统自动生成的，其实就是asset文件夹的系统路径。 

 

index.html 内容如下

Java代码 

[xhtml] view plaincopy
  1. <html><body>     
  2. <div id="output">Test page.</div>     
  3. <input type="submit" value="change to 1" onclick="document.getElementById('output').innerHTML = AliansBridge.one()" />     
  4. </body></html>    
  5.   
  6. <html><body>  
  7. <div id="output">Test page.</div>  
  8. <input type="submit" value="change to 1" onclick="document.getElementById('output').innerHTML = AliansBridge.one()" />  
  9. </body></html>   

 

 这里要注意 如果你只有一个方法需要被js调用

 ProxyBridge pBridge = new ProxyBridge();
        wView.addJavascriptInterface(pBridge, "AliansBridge");

如果你需要调用好多个方法呢 这里只要

 wView.addJavascriptInterface(this, "AliansBridge");

把整个android程序所在的类 本身实例化传递就可以了

这里呢可以参看附件中的实例riademo

你如果想继续扩展可以参看

http://www.ophonesdn.com/article/show/115

 

 2.上面是javascript调用android的方法，那么android也可以调用js的方法

Java代码 

[java] view plaincopy
  1. public class webJsDemo extends Activity {     
  2.     /** Called when the activity is first created. */    
  3.     private WebView mWebView;     
  4.      private Handler mHandler = new Handler();        
  5.           
  6.     @Override    
  7.     public void onCreate(Bundle savedInstanceState) {     
  8.         super.onCreate(savedInstanceState);     
  9.         setContentView(R.layout.main);     
  10.         mWebView = (WebView) findViewById(R.id.wv1);        
  11.              
  12.         WebSettings webSettings = mWebView.getSettings();        
  13.         webSettings.setSavePassword(false);        
  14.         webSettings.setSaveFormData(false);        
  15.         webSettings.setJavaScriptEnabled(true);        
  16.         webSettings.setSupportZoom(false);        
  17.             
  18.         mWebView.setWebChromeClient(new MyWebChromeClient());        
  19.        
  20.         mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");        
  21.        
  22.         mWebView.loadUrl("file:///android_asset/demo.html");        
  23.     }        
  24.        
  25.     final class DemoJavaScriptInterface {        
  26.        
  27.         DemoJavaScriptInterface() {        
  28.         }        
  29.        
  30.         /**     
  31.          * This is not called on the UI thread. Post a runnable to invoke     
  32.          * loadUrl on the UI thread.     
  33.          */       
  34.         public void clickOnAndroid() {       
  35.                  
  36.             mHandler.post(new Runnable() {        
  37.                 public void run() {        
  38.                     mWebView.loadUrl("javascript:wave()");        
  39.                 }        
  40.             });        
  41.        
  42.         }        
  43.     }        
  44.        
  45.     /**     
  46.      * Provides a hook for calling "alert" from javascript. Useful for     
  47.      * debugging your javascript.     
  48.      */       
  49.     final class MyWebChromeClient extends WebChromeClient {        
  50.         @Override    
  51.         public boolean onJsAlert(WebView view, String url, String message,     
  52.                 JsResult result) {     
  53.             // TODO Auto-generated method stub     
  54.             Log.d("aa", message);       
  55.             Log.d("url", url);     
  56.             Log.d("result", ""+result);     
  57.                  
  58.             result.confirm();      
  59.         return super.onJsAlert(view, url, message, result);     
  60.                  
  61.         }     
  62.     
  63.              
  64.     }       
  65.   
  66. public class webJsDemo extends Activity {  
  67.     /** Called when the activity is first created. */  
  68.  private WebView mWebView;  
  69.   private Handler mHandler = new Handler();     
  70.     
  71.     @Override  
  72.     public void onCreate(Bundle savedInstanceState) {  
  73.         super.onCreate(savedInstanceState);  
  74.         setContentView(R.layout.main);  
  75.         mWebView = (WebView) findViewById(R.id.wv1);     
  76.           
  77.         WebSettings webSettings = mWebView.getSettings();     
  78.         webSettings.setSavePassword(false);     
  79.         webSettings.setSaveFormData(false);     
  80.         webSettings.setJavaScriptEnabled(true);     
  81.         webSettings.setSupportZoom(false);     
  82.          
  83.         mWebView.setWebChromeClient(new MyWebChromeClient());     
  84.     
  85.         mWebView.addJavascriptInterface(new DemoJavaScriptInterface(), "demo");     
  86.     
  87.         mWebView.loadUrl("file:///android_asset/demo.html");     
  88.     }     
  89.     
  90.     final class DemoJavaScriptInterface {     
  91.     
  92.         DemoJavaScriptInterface() {     
  93.         }     
  94.     
  95.         /**   
  96.          * This is not called on the UI thread. Post a runnable to invoke   
  97.          * loadUrl on the UI thread.   
  98.          */    
  99.         public void clickOnAndroid() {    
  100.            
  101.             mHandler.post(new Runnable() {     
  102.                 public void run() {     
  103.                     mWebView.loadUrl("javascript:wave()");     
  104.                 }     
  105.             });     
  106.     
  107.         }     
  108.     }     
  109.     
  110.     /**   
  111.      * Provides a hook for calling "alert" from javascript. Useful for   
  112.      * debugging your javascript.   
  113.      */    
  114.     final class MyWebChromeClient extends WebChromeClient {     
  115.         @Override  
  116.   public boolean onJsAlert(WebView view, String url, String message,  
  117.     JsResult result) {  
  118.    // TODO Auto-generated method stub  
  119.          Log.d("aa", message);    
  120.          Log.d("url", url);  
  121.          Log.d("result", ""+result);  
  122.            
  123.             result.confirm();   
  124.   return super.onJsAlert(view, url, message, result);  
  125.               
  126.   }  
  127.   
  128.     
  129.     }      

 

其中上面的代码 也提到了怎么在android中调试js  mWebView.setWebChromeClient(new MyWebChromeClient());  

上面的代码来源于别人的实例。

最后还要注意在这个实例中demo.html和两个image应该在同一个文件夹asset下

 

转自：http://blog.csdn.net/windone0109/article/details/5380941

 

首先在layout文件夹下的xml中 加入WebView控件

 

 

[xhtml] view plaincopy
  1. <WebView     
  2. android:id="@+id/wv1"    
  3. android:layout_width="fill_parent"    
  4. android:layout_height="fill_parent"    
  5. />  

 

 

再在主文件中输入如下代码

 

 

[java] view plaincopy
  1. public class TestDemo extends Activity {  
  2.     /** Called when the activity is first created. */  
  3.   
  4.     @Override  
  5.     public void onCreate(Bundle savedInstanceState) {  
  6.         super.onCreate(savedInstanceState);  
  7.         setContentView(R.layout.main);  
  8.   
  9.         WebView wView = (WebView)findViewById(R.id.wv1);     
  10.         WebSettings wSet = wView.getSettings();     
  11.         wSet.setJavaScriptEnabled(true);     
  12.                      
  13.         //wView.loadUrl("file:///android_asset/index.html");    
  14.         //wView.loadUrl("content://com.android.htmlfileprovider/sdcard/index.html");  
  15.         wView.loadUrl("http://wap.baidu.com");  
  16.   
  17.     }  
  18.   
  19. }  

 

 

//wView.loadUrl("file:///android_asset/index.html");  

-----打开本包内asset目录下的index.html文件
 //wView.loadUrl("content://com.android.htmlfileprovider/sdcard/index.html");

-----打开本地sd卡内的index.html文件
//wView.loadUrl("http://wap.baidu.com");

-----打开指定URL的html文件

 

转自：http://blog.csdn.net/windone0109/article/details/5381170

 

加载asset中的文件字体以及使用

 

  1. AssetManager manager=this.getAssets();     
  2. try    
  3. {     
  4. manager.open("tahoma.ttf");     
  5. TextView tv=(TextView)this.findViewById(R.id.testMe);     
  6. tv.setTypeface(Typeface.createFromAsset(manager, "tahoma.ttf"));     
  7. tv.setTextSize(50f);     
  8. tv.setText(ArabicUtilities.reshape("adsdads الحمد لله asdad"));     
  9. }catch(Exception ex){     
  10. //TODO     
  11. }    
分享到：
| 申請iPhone Developer Program流程
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics