Images not loading in textview Html.fromHtml method

Question

I have created a simple textview to display html content. The text is showing up well, but the images are not showing up. I had referred this to download the images. But the result is the same. The images are replaced with boxes. enter image description here

The Activity:

package com.example.loadinghtmlinlist;

import java.util.HashMap;
import java.util.List;

import android.app.ActionBar.LayoutParams;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.text.Html;
import android.text.Spanned;
import android.util.Log;
import android.view.Gravity;
import android.widget.TableLayout;
import android.widget.TableRow;
import android.widget.TextView;

import com.parse.FunctionCallback;
import com.parse.ParseCloud;
import com.parse.ParseObject;

public class PostListActivity extends Activity {
    TableLayout select_city_table;

    @Override
    protected void onCreate(Bundle savedInstanceState){
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_post_list);
        // Find the ListView resource.   
        select_city_table = (TableLayout) findViewById(R.id.select_city_table);
        setStory();
        cityListBody("Hello");
    }

    public void setStory(){

        // Pull data from Parse
        HashMap<String, Object> params = new HashMap<String, Object>();
        params.put("userid", "xxxxxxxxx");
        params.put("skip", 0);

        ParseCloud.callFunctionInBackground("studentsPosts", params, new FunctionCallback<List<List<ParseObject>>>() {
            @Override
            public void done(List<List<ParseObject>> arg0, com.parse.ParseException arg1){
                if (arg0 == null) {

                } else {
                    Log.e("size ", "RUNNING Size :   " + arg0.size());
                    if (arg0.size() == 0) {
                        Log.e("size is zero", "RUNNING BOOLEAN SOMETHING");

                    }

                    if (arg0.size() > 0) {

                    }
                    if (arg0.size() > 0) {
                        for (int i = 0; i < arg0.size(); i++) {
                            if(arg0.get(i).get(0).get("htmlContent") != null){
                               // INSERTOBJECTOGETDATA.GETDATA(arg0.get(i).get(0).getString("htmlContent"));
                                //Toast.makeText(PostListActivity.this, arg0.get(i).get(0).getString("htmlContent"), Toast.LENGTH_SHORT).show();
                                cityListBody(arg0.get(i).get(0).getString("htmlContent"));

                               }

                        }   
                    }
                }

            }

        });

    }

    // method to populate city body
        public void cityListBody(String strcity_name){
            // ----------------Select city
            // body------------------------------------------
            TableRow city_list_tr_data;
            city_list_tr_data = new TableRow(this);
            city_list_tr_data.setId(10);
            // city_list_tr_data.setBackgroundResource(R.drawable.grey_list_bg);
            city_list_tr_data.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));

            final TextView city_name = new TextView(this);
            city_name.setId(21);// define id that must be unique
            // no_of_types.setText(parser.getValue(e, KEY_RIGHTMARKS)); // set
            // the text for the header

            URLImageParser p = new URLImageParser(city_name, this);
            Spanned htmlSpan = Html.fromHtml(strcity_name, p, null);
            city_name.setText(htmlSpan);

            city_name.setText(Html.fromHtml(strcity_name));
            city_name.setTextColor(Color.BLACK); // set the color
            city_name.setPadding(5, 5, 5, 5); // set the padding (if required)
            city_name.setGravity(Gravity.CENTER);
            city_name.setTextSize(16);
            city_list_tr_data.addView(city_name); // add the column to
            // the table row
            // here



            select_city_table.addView(city_list_tr_data, new TableLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));



        }


}

The URLImageParser class:

package com.example.loadinghtmlinlist;

import java.io.IOException;
import java.io.InputStream;
import java.net.MalformedURLException;

import org.apache.http.HttpResponse;
import org.apache.http.client.methods.HttpGet;
import org.apache.http.impl.client.DefaultHttpClient;

import android.content.Context;
import android.graphics.drawable.Drawable;
import android.os.AsyncTask;
import android.text.Html.ImageGetter;
import android.view.View;



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();
        }
    }
}

The URLDrawable class:

package com.example.loadinghtmlinlist;

import android.graphics.Canvas;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;

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);
        }
    }
}

Where am I going wrong? What needs to be altered to show the images properly?

After applying Haresh Chhelana's suggestion, the output displays image but the output is malformed: enter image description here

Remove this code : city_name.setText(Html.fromHtml(strcity_name)); — Hareshkumar Chhelana
– Hareshkumar Chhelana, Commented Nov 18, 2014 at 10:28

Hareshkumar Chhelana · Accepted Answer · 2014-11-18 11:11:20Z

2

No need to use this code :

city_name.setText(Html.fromHtml(strcity_name));

Before this code you already made Spannable string using URLImageParser and seted Spannable to city_name so above code overwrite you Spannable content with Html.fromHtml content.

Updated Code :

@Override
 protected void onPostExecute(Drawable result) {
    result.setBounds(0, 0, result.getIntrinsicWidth(), result.getIntrinsicHeight());
    urlDrawable.setBounds(0, 0, result.getIntrinsicWidth(), result.getIntrinsicHeight());
    urlDrawable.drawable = result;
    URLImageParser.this.container.setMinimumHeight(result.getIntrinsicHeight());
    URLImageParser.this.container.requestLayout();
    URLImageParser.this.container.invalidate();
 }

edited Nov 18, 2014 at 11:11

answered Nov 18, 2014 at 10:32

Hareshkumar Chhelana

24.9k5 gold badges60 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

kittu88 Over a year ago

You are right, after removing the code the HTML appeared, but its deformed, I am posting the same output in the question.

kittu88 Over a year ago

Please check the question for the recent output

Hareshkumar Chhelana Over a year ago

this might be some html formation issue and also set this properties to city_nam.setMovementMethod(LinkMovementMethod.getInstance()); for support link redirection.

kittu88 Over a year ago

the html looks great in the browser and even in android if opened as a webpage. The content of this HTML is also equal.

Collectives™ on Stack Overflow

Images not loading in textview Html.fromHtml method

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related