私のAndroidアプリケーションは、画像を含むHTMLコンテンツを受信します。 fromHTML()
は受け取ったHTML文字列に画像を表示する機能を持たせることはできますか?Android HTML.fromHTML()に画像がありますか?
そうでない場合は、HTML
文字列の画像を取得してTextView画像に変換するにはどうすればよいですか?
おかげ
私のAndroidアプリケーションは、画像を含むHTMLコンテンツを受信します。 fromHTML()
は受け取ったHTML文字列に画像を表示する機能を持たせることはできますか?Android HTML.fromHTML()に画像がありますか?
そうでない場合は、HTML
文字列の画像を取得してTextView画像に変換するにはどうすればよいですか?
おかげ
URLDrawable.java
public class URLDrawable extends BitmapDrawable {
// the drawable that you need to set, you could set the initial drawing
// with the loading image if you need to
protected Drawable drawable;
@Override
public void draw(Canvas canvas) {
// override the draw to facilitate refresh function later
if(drawable != null) {
drawable.draw(canvas);
}
}
}
URLImageParser.java
public class URLImageParser implements ImageGetter {
Context c;
View container;
/***
* Construct the URLImageParser which will execute AsyncTask and refresh the container
* @param t
* @param c
*/
public URLImageParser(View t, Context c) {
this.c = c;
this.container = t;
}
public Drawable getDrawable(String source) {
URLDrawable urlDrawable = new URLDrawable();
// get the actual source
ImageGetterAsyncTask asyncTask =
new ImageGetterAsyncTask(urlDrawable);
asyncTask.execute(source);
// return reference to URLDrawable where I will change with actual image from
// the src tag
return urlDrawable;
}
public class ImageGetterAsyncTask extends AsyncTask<String, Void, Drawable> {
URLDrawable urlDrawable;
public ImageGetterAsyncTask(URLDrawable d) {
this.urlDrawable = d;
}
@Override
protected Drawable doInBackground(String... params) {
String source = params[0];
return fetchDrawable(source);
}
@Override
protected void onPostExecute(Drawable result) {
// set the correct bound according to the result from HTTP call
urlDrawable.setBounds(0, 0, 0 + result.getIntrinsicWidth(), 0
+ result.getIntrinsicHeight());
// change the reference of the current drawable to the result
// from the HTTP call
urlDrawable.drawable = result;
// redraw the image by invalidating the container
URLImageParser.this.container.invalidate();
}
/***
* Get the Drawable from URL
* @param urlString
* @return
*/
public Drawable fetchDrawable(String urlString) {
try {
InputStream is = fetch(urlString);
Drawable drawable = Drawable.createFromStream(is, "src");
drawable.setBounds(0, 0, 0 + drawable.getIntrinsicWidth(), 0
+ drawable.getIntrinsicHeight());
return drawable;
} catch (Exception e) {
return null;
}
}
private InputStream fetch(String urlString) throws MalformedURLException, IOException {
DefaultHttpClient httpClient = new DefaultHttpClient();
HttpGet request = new HttpGet(urlString);
HttpResponse response = httpClient.execute(request);
return response.getEntity().getContent();
}
}
}
ImageGetter
の使い方String html = "Hello " +
"<img src='http://www.gravatar.com/avatar/" +
"f9dd8b16d54f483f22c0b7a7e3d840f9?s=32&d=identicon&r=PG'/>" +
" This is a test " +
"<img src='http://www.gravatar.com/avatar/a9317e7f0a78bb10a980cadd9dd035c9?s=32&d=identicon&r=PG'/>";
this.textView = (TextView)this.findViewById(R.id.textview);
URLImageParser p = new URLImageParser(textView, this);
Spanned htmlSpan = Html.fromHtml(html, p, null);
textView.setText(htmlSpan);
注:Talhaの回答を参考にしてください。問題の重要な修正を指摘するために別の回答として投稿しています。
画像の重複のための修正(複数の画像であれば)問題と上記の問題のため、画像とテキスト
ソリューションの重複のための修正: が親切container.setText(container.getTextを())を呼び出します。の末尾にonPostExecute画像の重複を避けるために。
作品はかなりうれしい!! +1 –
イメージがBase64文字列の場合はどうなりますか? – berserk
私のためにはうまくいませんでしたが、アプローチのためにupvotedしかし、この答えに問題を抱えている他の人は、私にとってはうまくいくかもしれません! https://stackoverflow.com/questions/16179285/html-imagegetter-textview/16209680#16209680 – Sjd