blocks|key|193342|text|URLDrawable.java|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|193343|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);
++++++++}
++++}
}|code-block|syntax|javascript|193344|URLImageParser.java|193345|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+%2B+result.getIntrinsicWidth(),+0+
++++++++++++++++++++%2B+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+%2B+drawable.getIntrinsicWidth(),+0+
++++++++++++++++++++++++%2B+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();
++++++++}
++++}
}|193346|ImageGetter的用法|193347|String+html+=+"Hello+"+%2B
"<img+src='http://www.gravatar.com/avatar/"+%2B+
"f9dd8b16d54f483f22c0b7a7e3d840f9?s=32&d=identicon&r=PG'/>"+%2B
"+This+is+a+test+"+%2B
"<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);|193348|entityMap^0|0|G|0|0|0|J|0|0|C|2|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@$9|13|A|14|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

URLDrawable.java

<pre><code>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);
 }
 }
}
</code></pre>

URLImageParser.java

<pre><code>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&lt;String, Void, Drawable&gt; {
 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();
 }
 }
}
</code></pre>

Usage of ImageGetter 

<pre><code>String html = "Hello " +
"&lt;img src='http://www.gravatar.com/avatar/" + 
"f9dd8b16d54f483f22c0b7a7e3d840f9?s=32&amp;d=identicon&amp;r=PG'/&gt;" +
" This is a test " +
"&lt;img src='http://www.gravatar.com/avatar/a9317e7f0a78bb10a980cadd9dd035c9?s=32&amp;d=identicon&amp;r=PG'/&gt;";

this.textView = (TextView)this.findViewById(R.id.textview);
URLImageParser p = new URLImageParser(textView, this);
Spanned htmlSpan = Html.fromHtml(html, p, null);
textView.setText(htmlSpan);
</code></pre>

blocks|key|195377|text|注意:请参考Talha给出的答案，我将此作为单独的答案发布，以指出一个问题的重要修复。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|195378|修复图像重叠(如果是多张图像)问题，修复图像和文本重叠问题|195379|上述问题的解决方案:请在onPostExecute末尾调用container.setText(container.getText());，避免图像重叠。|offset|length|style|BOLD|195380|entityMap^0|0|0|C|D|T|13|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|N|8|@$F|O|G|P|H|I]|$F|Q|G|R|H|I]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|K|$]]

Note : Kindly refer the answer given by Talha , I am posting this as separate answer to point out important fix for an issue .

Fix for overlapping of images (if multiple images ) issue and fix for overlapping of image and text 

Solution for above issues: 
Kindly call container.setText(container.getText()); at the end of onPostExecute to avoid overlapping of images.

My Android application receives HTML content with images in it. Is it possible to make <code>fromHTML()</code> function to display the images in the HTML String it receives?

If not, how can I retrieve the images in the <code>HTML</code> string and convert them to TextView images?

Thanks

Android HTML.fromHTML() with images?

Android

我的Android应用程序接收包含图像的HTML内容。有没有可能让fromHTML()函数显示它接收到的HTML字符串中的图像？如果没有，如何检索HTML字符串中的图像并将其转换为TextView图像？谢谢

问带图片的Android HTML.fromHTML()？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带图片的Android HTML.fromHTML()？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问带图片的Android HTML.fromHTML()？
EN