JSON解析的内容中含有table标签怎么处理以及自定义标签的处理

一、普遍情况

private void handlerHtmlTag(String data) {
		textView.setText(Html.fromHtml(data));
	}

二、自定义标签处理

GameTagHandler

package com.example.htmldemo;

import org.xml.sax.XMLReader;

import android.content.Context;
import android.text.Editable;
import android.text.Html.TagHandler;
import android.text.Spanned;
import android.text.style.ClickableSpan;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Toast;

public class GameTagHandler implements TagHandler {
	private int startIndex = 0;
	private int stopIndex = 0;
	private Context mContext;
	
	public GameTagHandler(Context context) {
		super();
		this.mContext = context;
	}

	@Override
	public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {
		if (tag.equalsIgnoreCase("game")) {
			if (opening) {
				startGame(tag, output, xmlReader);
			} else {
				endGame(tag, output, xmlReader);
			}
		}

	}

	public void startGame(String tag, Editable output, XMLReader xmlReader) {
		output.append("");
		startIndex = output.length();
	}

	public void endGame(String tag, Editable output, XMLReader xmlReader) {
		output.append("\n");
		stopIndex = output.length();
		output.setSpan(new GameSpan(), startIndex, stopIndex, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
	}
	
	private class GameSpan extends ClickableSpan implements OnClickListener {

		@Override
		public void onClick(View v) {
			// 跳转某页面
			Toast.makeText(mContext, "点击了game标记之间的内容", Toast.LENGTH_SHORT).show();
		}
	}
}

MainActivity中

private static final String dataTag = "点击<game ><span>这里</span></game>跳转到游戏";

handlerGameTag(dataTag);

private void handlerGameTag(String data) {
		textView.setText(Html.fromHtml(data, null, new GameTagHandler(this)));
		textView.setClickable(true);
		textView.setMovementMethod(LinkMovementMethod.getInstance());//设置点击事件
	}

显示效果

三、table标签处理

TableTagHandler

package com.example.htmldemo;

import org.xml.sax.XMLReader;

import android.content.Context;
import android.text.Editable;
import android.text.Html.TagHandler;
import android.text.Spanned;

public class TableTagHandler implements TagHandler {
	private Context mContext;
	private int startIndex;
	private int endIndex;

	public TableTagHandler() {
		super();
	}

	public TableTagHandler(Context mContext) {
		super();
		this.mContext = mContext;
	}

	@Override
	public void handleTag(boolean opening, String tag, Editable output, XMLReader xmlReader) {
		if (tag.equalsIgnoreCase("table")) {
			tableTagHanlder(opening, tag, output, xmlReader);
		} else if (tag.equalsIgnoreCase("tbody")) {
			tBodyTagHandler(opening, tag, output, xmlReader);
		} else if (tag.equalsIgnoreCase("tr")) {
			trTagHandler(opening, tag, output, xmlReader);
		} else if (tag.equalsIgnoreCase("td")) {
			tdTagHandler(opening,tag,output,xmlReader);
		}

	}


	private void tableTagHanlder(boolean opening, String tag, Editable output, XMLReader xmlReader) {
		if (opening) {
			startIndex = output.length();
		} else {
			output.append("\n");
			endIndex = output.length();
		}
	}

	private void tBodyTagHandler(boolean opening, String tag, Editable output, XMLReader xmlReader) {
		if (opening) {
			startIndex = output.length();
		} else {
			endIndex = output.length();
		}
	}
	private void trTagHandler(boolean opening, String tag, Editable output, XMLReader xmlReader) {
		if(opening){
			startIndex = output.length();
		}else{
			output.append("\n");
			endIndex = output.length();
		}
		
	}
	private void tdTagHandler(boolean opening, String tag, Editable output, XMLReader xmlReader) {
		if(opening){
			startIndex  = output.length();
		}else{
			output.append("\t");
			endIndex = output.length();
		}
		
	}
}

MainActivity中

private static final String dataTag2 = "<table>" + "<tbody>" + "<tr><td>number</td><td>title</td><td>size</td></tr>" + "<tr><td>21</td><td>22</td><td>23</td></tr>"+ "<tr><td>31</td><td>32</td><td>33</td></tr>" + "</tbody>" + "</table>";

handlerTableTag(dataTag2);

private void handlerTableTag(String data) {
		textView.setText(Html.fromHtml(data, null, new TableTagHandler(this)));

	}

显示效果

上面显示的表格如果表格比较长，或者每个框中的内容长短不一，就无法对齐，复杂的表格更加无法看懂。所以上面的情况只能针对一些简单的表格。

四、完美解决table标签的显示问题

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/white"
    android:orientation="vertical" >

    <include layout="@layout/titlebar_readmore" />

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="5dp" >

            <TextView
                android:id="@+id/read_more_text_header"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <WebView
                android:id="@+id/read_more_text_webview"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                 android:background="@color/white"
                android:visibility="gone" />

            <TextView
                android:id="@+id/read_more_text_footer"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:visibility="gone" />
        </LinearLayout>
    </ScrollView>

</LinearLayout>

ReadMoreActivity

package com.sound.chinabuye.activity;

import android.app.Activity;
import android.os.Bundle;
import android.text.Html;
import android.view.View;
import android.view.View.OnClickListener;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.widget.ImageView;
import android.widget.TextView;

import com.sound.chinabuye.R;

public class ReadMoreActivity extends Activity implements OnClickListener {
	private ImageView back_to_main;
	private TextView header, footer;
	private WebView webView;
	private String text;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_readmore);
		/*** 管理Activity ****/
		manageActivity();
		// 取出数据
		text = getIntent().getStringExtra("description");
		// 初始化控件
		initView();

	}
	private void initView() {
		back_to_main = (ImageView) this.findViewById(R.id.back_to_main);
		back_to_main.setOnClickListener(this);
		header = (TextView) this.findViewById(R.id.read_more_text_header);
		webView = (WebView) this.findViewById(R.id.read_more_text_webview);
		footer = (TextView) this.findViewById(R.id.read_more_text_footer);
		<span style="color:#ff0000;">if (text.contains("<table")) {
			webView.setVisibility(View.VISIBLE);
			footer.setVisibility(View.VISIBLE);
			String[] arr1 = text.split("<table");
			header.setText(Html.fromHtml(arr1[0]));
			
			String[] arr2 = arr1[1].split("</table>");
			String str2 = "<table" + arr2[0] + "</table>";
			webView.loadDataWithBaseURL(null, str2, "text/html", "utf-8", null);
			footer.setText(Html.fromHtml(arr2[1]));
		} else {
			header.setText(Html.fromHtml(text));
		}</span>
	}

	private void manageActivity() {
		ActivityInstanceManager.getActivityInstanceManager().addActivity(this);
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.back_to_main:
			finish();
			overridePendingTransition(R.anim.activity_open, R.anim.activity_close);
			break;
		default:
			break;
		}
	}

}

上面的if...else判断针对是否有table标签分别作了处理，如果没有table标签，直接使用Html工具处理；如果有table标签，将含有table标签的部分抽取出来用webview进行显示，其余的部分用Html进行处理，通过TextView显示。

显示效果如下：

没有表格的情况：

有表格的情况：

在有表格的情况下，不管多复杂的表格都完美展示，即使表格太长也没有问题，可以左右滚动进行查看。