-
需要顯示的html文本
我們需要顯示的是http://www.shouyihuo.com/view/10931.html 頁(yè)面中的一部分內(nèi)容隶校,需要顯示的html代碼片段如下image.png 通過(guò)Jsoup提取所需要的標(biāo)簽文本
private void getDetails(final String url){
new Thread(new Runnable() {
@Override
public void run() {
String useragent="Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/58.0.3029.110 Safari/537.36";
try {
Document doc= Jsoup.connect(url).userAgent(useragent).get();//獲得解析后的document
Elements elements=doc.select("article.article-content"); //獲取article標(biāo)簽代碼
Logger.d(elements);
Message msg=new Message();
msg.obj=elements;
myHandler.sendMessage(msg);//將獲得的代碼片段通過(guò)handler發(fā)送到主線程進(jìn)行處理
} catch (IOException e) {
e.printStackTrace();
}
}
}).start();
}
ps:參數(shù)url是我們需要顯示的網(wǎng)頁(yè)地址饲常;
獲取Document對(duì)象時(shí)需要在子線程中操作涯呻,否則的話會(huì)報(bào)錯(cuò)
- 通過(guò)Html.fromHtml將提取到的文本顯示到Textview上
- 顯示僅有文本內(nèi)容的html片段
如果需要顯示的html代碼中只有文本內(nèi)容,直接handler中使用textview.setText(Html.fromHtml(msg.obj.toString)面徽,flgs);
即可完成顯示
ps:參數(shù)一是需要顯示的html代碼艳丛,參數(shù)二是一個(gè)int flgs; - 顯示圖文內(nèi)容的html片段
如果需要顯示的html中有圖片趟紊,那么需要使用textview.setText(Html.fromHtml(msg.obj.toString,flgs,imageGetter,null));
ps:參數(shù)一html代碼氮双,參數(shù)二int flgs標(biāo)志,參數(shù)三是ImageGetter對(duì)象织阳,重寫(xiě)該它的getDrawable()方法可以實(shí)現(xiàn)顯示圖片的功能眶蕉,具體代碼如下:
- 顯示僅有文本內(nèi)容的html片段
final Html.ImageGetter imageGetter=new Html.ImageGetter() {
@Override
public Drawable getDrawable(final String s) {//該參數(shù)是解析出的圖片的url地址
String photo=context.getExternalCacheDir()+File.separator+"photo"+File.separator+String.valueOf(s.hashCode())+".jpg";
Logger.d(photo);
//首先判斷該頁(yè)面的圖片是否在本已經(jīng)保存
if (new File(photo).exists()){
已保存,直接獲取本地圖片的drawable對(duì)象并返回
Drawable drawable=Drawable.createFromPath(photo);
if (drawable!=null){
這里獲取的是屏幕的尺寸唧躲,然后再根據(jù)原圖尺寸比例計(jì)算出實(shí)際顯示的寬高
int ds=(drawable.getIntrinsicHeight()*operation.getWidth())/drawable.getIntrinsicWidth();
drawable.setBounds(0,0,operation.getWidth(),ds);
}else {
drawable=getResources().getDrawable(R.drawable.load,null);
drawable.setBounds(0,0,64,64);
}
return drawable;
}else {
//未保存造挽,則先加載項(xiàng)目中的圖片
Drawable drawable=getResources().getDrawable(R.drawable.load,null);
drawable.setBounds(0,0,64,64);
//然后在此處另起線程進(jìn)行圖片的下載
operation.savePicture(s);
return drawable;
}
}
};
+ 擴(kuò)展Html.fromHtml支持的標(biāo)簽
使用Html.fromHtml解析html時(shí)需要注意該方法只支持一部分標(biāo)簽,如果需要顯示的html代碼中存在不支持的標(biāo)簽弄痹,此時(shí)需要使用textview.setText(Html.fromHtml(msg.obj.toString,flgs,imageGetter,tagHandler));
ps:此處的taghandler是TagHandler對(duì)象饭入,重寫(xiě)它的handleTag()方法可以自定義標(biāo)簽
public class SizeLabel implements TagHandler {
private int size;
public SizeLabel(int size) {
this.size = size;
}
@Override
public void handleTag(boolean opening, String tag, Editable output,
X
MLReader xmlReader) {
/**
* 參數(shù):
* opening:為true時(shí)表示開(kāi)始解析,為false時(shí)表示解析完
* tag:當(dāng)前解析的標(biāo)簽
* output:文本中的內(nèi)容
* xmlReader:xml解析器
*/
// 判斷當(dāng)前解析的tag是否為size,并且已經(jīng)解析完畢(在沒(méi)有解析完畢之前output中沒(méi)有數(shù)據(jù))
if(tag.toLowerCase().equals("size") && !opening) {
// 通過(guò)output調(diào)用setSpan方法,改變文本的0下標(biāo)到最后的下標(biāo)的大小;
// 最后的參數(shù)用來(lái)標(biāo)識(shí)在span范圍內(nèi)的文本前后輸入新的字符時(shí)是否也改變它們的效果;
output.setSpan(new AbsoluteSizeSpan(size), 0, output.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
}
}
}
最終的實(shí)現(xiàn)效果如下:
textview顯示html.gif