Android學習筆記2 TextView圖文混排，顯示新增的圖片，三種常用方法，親測
阿新 • • 發佈：2019-02-03
圖文混排，文字就不說了，主要是顯示圖片的方法
1、TextView使用ImageSpan顯示圖片
ImageSpan span = new ImageSpan(this, R.drawable.ic_launcher);//載入圖片的資源
SpannableString spanStr = new SpannableString("http://orgcent.com");//不想要這個字串可以試試空字串
spanStr.setSpan(span, spanStr.length()-1, spanStr.length(), Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
mTVText.setText(spanStr);//完成新增 2.使用Html類進行新增，可達到如圖效果，本方法主要是使用html標籤的操作，所有內容可以很豐富，其他用途可自查sdk文件
public int getResourceId(String name) {
try {
// 根據資源的ID的變數名獲得Field的物件,使用反射機制來實現的
Field field = R.drawable.class.getField(name);
// 取得並返回資源的id的欄位(靜態變數)的值，使用反射機制
return Integer.parseInt(field.get(null).toString());
} catch (Exception e) {
// TODO: handle exception
}
return 0;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
TextView textView = (TextView) this.findViewById(R.id.textview);
textView.setTextColor(Color.BLACK);
textView.setBackgroundColor(Color.WHITE);
textView.setTextSize(20);// 設定字型的大小
String html = "影象1<img src='image1'/>影象2<img src='image2'/>影象3<img src='image3'/><p>";
html += "影象4<a href='http://www.baidu.com'><img src='image4'></a>影象5<img src='image5'/>";
CharSequence charSequence = Html.fromHtml(html, new ImageGetter() {
@Override
public Drawable getDrawable(String source) {
// TODO Auto-generated method stub
// 獲得系統資源的資訊，比如圖片資訊
Drawable drawable = getResources().getDrawable(
getResourceId(source));
// 第三個圖片檔案按照50%的比例進行壓縮
if (source.equals("image3")) {
drawable.setBounds(0, 0, drawable.getIntrinsicWidth() / 2,
drawable.getIntrinsicHeight() / 2);
} else {
drawable.setBounds(0, 0, drawable.getIntrinsicWidth(),
drawable.getIntrinsicHeight());
}
return drawable;
}
}, null);
textView.setText(charSequence);
textView.setMovementMethod(LinkMovementMethod.getInstance()); Html類可以將一些常用的html標籤進行格式化顯示 3、在TextView四周顯示圖片
mTVText.setText("setCompoundDrawables");//新增文字
Drawable d = getResources().getDrawable(R.drawable.ic_launcher);//獲取圖片資源
d.setBounds(0, 0, 50, 50); //必須設定圖片大小，否則不顯示
mTVText.setCompoundDrawables(d , null, null, null);設定圖片顯示的位置（上下左右）,此方法的不同之處