Android中顯示html標籤或者帶圖片

鴨脖發表於2012-07-17

Android中顯示html檔案要用Html.fromHtml(...)處理過的返回值,返回值可以成為setText()的引數。

只顯示帶文字的html可以用下面的方法處理html檔案。

public static Spanned fromHtml (String source)  

顯示帶圖片的html要用下面的方法處理html檔案。

public static Spanned fromHtml (String source, Html.ImageGetter imageGetter, Html.TagHandler tagHandler)  

ImageGetter 為處理html中<img>的處理器,生成Drawable物件並返回。 

建立ImageGetter 主要實現下面的方法,source為<img>標籤中src屬性的值。

public Drawable getDrawable(String source)  

下例為在TextView和EditView中顯示html,並插入圖片。

下圖只顯示html文字,點選按鈕會在TextView和EditView文字後新增圖片。

public class AndroidTest2Activity extends Activity {
    /** Called when the activity is first created. */
	TextView tv;
	EditText et;
	Button addPic;
	String ct;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        et=(EditText) this.findViewById(R.id.editText1);
        
        tv=(TextView) this.findViewById(R.id.tv);
        ct="aaa<font color=\"red\">aaa</font>";
        addPic=(Button) this.findViewById(R.id.AddPic);
        addPic.setOnClickListener(new OnClickListener(){

			@Override
			public void onClick(View arg0) {
				// TODO Auto-generated method stub
				ct+="<img src=\""+R.drawable.icon+"\"/>";
				 refreshView();
			}
        	
        });
       
       refreshView();
        
        
    }
    private void refreshView(){
    	 et.setText(Html.fromHtml(ct,imageGetter,null));
         tv.setText(Html.fromHtml(ct,imageGetter,null));
    }
    ImageGetter imageGetter = new ImageGetter()  
    {  
        @Override  
        public Drawable getDrawable(String source)  
        {  
            int id = Integer.parseInt(source);  
            Drawable d = getResources().getDrawable(id);  
            d.setBounds(0, 0, d.getIntrinsicWidth(), d .getIntrinsicHeight());  
            return d;  
        }  
    };  

}




1.跳轉到瀏覽器直接訪問頁面,這段程式碼是在Activity中拷貝來的,所以有startActivity()方法

Uri uri = Uri.parse("http://www.baidu.com"); //要連結的地址

Intent intent = new Intent(Intent.ACTION_VIEW, uri);

startActivity(intent);

2.使用TextView顯示HTML方法

TextView text1 = (TextView)findViewById(R.id.TextView02);

 text1.setText(Html.fromHtml(“<font size='20'>網頁內容</font>”));

3.直接使用android中自帶的顯示網頁元件WebView

webview = (WebView) findViewById(R.id.WebView01);

webview.getSettings().setJavaScriptEnabled(true);

 webview.loadUrl("http://www.baidu.com");  



本文經兩篇合併而成

http://www.iteedu.com/handset/android/spannablediary/showhtmlimage.php

http://hi.baidu.com/zp8126/item/e3b1b31c6e56597b7a5f2551


相關文章