Help me on download multi-photos in a faster way.

seabookf_91 · by **seabookf_91** » Mon Oct 12, 2009 10:14 am

I am making a new app, which is simple enough to search all the related pics on the Picasa and display all these photoes on android.

I have encounterd an performance issue. The scenario is that sometimes there are lots of pics on the picasa and i could get all the pics source image url and use Bitmap bm = BitmapFactory.decodeStream(is) to get the pic and display all these on one GridView. Gridview isn't response before all the pics were downloaded from interenet.

I am thinking of using multi-thread to increase the downloading speed, however, the user interaction is still not good. We normally see all the black screen for a long time, then all the pics showed up.

When we making the Swing app, there are some swingworker thread in the background help you to do so, which is a good user experience.

Btw, Pic size is not the problem, since i could add some filter condition to control the pics' size.

Here is some code snippet i wrote:

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
class PhotoAdapter extends BaseAdapter {
 
        private LayoutInflater mInflater;
 
        private List<Photo> mPhotos;
 
        public PhotoAdapter(Context context, List<Photo> photos) {
 
                mInflater = LayoutInflater.from(context);
 
                mPhotos = photos;
 
        }
 
        public int getCount() {
 
                return mPhotos.size();
 
        }
 
        public Object getItem(int position) {
 
                return position;
 
        }
 
        public long getItemId(int position) {
 
                return position;
 
        }
 
        @Override
 
        public View getView(int position, View conView, ViewGroup par) {
 
                ViewHolder holder;
 
                if (conView == null) {
 
                        conView = mInflater.inflate(R.layout.photo, null);
 
                        holder = new ViewHolder();
 
                        holder.image = (ImageView)conView.findViewById(R.id.photo);
 
//                      holder.image.setLayoutParams(new GridView.LayoutParams(85, 85));
 
//                      holder.image.setScaleType(ImageView.ScaleType.CENTER_CROP);
 
//                      holder.image.setPadding(8, 8, 8, <img src="http://www.anddev.org/images/smilies/cool.png" alt="8)" title="Cool" />;
 
                        conView.setTag(holder);
 
                } else {
 
                        holder = (ViewHolder) conView.getTag();
 
                }
 
                Photo photo = mPhotos.get(position);
 
                URL url;
 
                try {
 
                        url = new URL(photo.getThumbnailUrl());
 
                        URLConnection conn = url.openConnection();
 
                        conn.connect();
 
                        InputStream is = conn.getInputStream();
 
                        Bitmap bm = BitmapFactory.decodeStream(is);
 
                        holder.image.setImageBitmap(bm);
 
                } catch (Exception e) {
 
                        e.printStackTrace();
 
                }
 
                return conView;
 
        }
 
        private class ViewHolder {
 
                ImageView image;
 
        }
 
}
 
public class ShowPhotosActivity extends Activity {
 
        List<Photo> photos = null;
 
        String keyword = "";
 
        @Override
 
        protected void onCreate(Bundle savedInstanceState) {
 
                super.onCreate(savedInstanceState);
 
                setContentView(R.layout.showphotos);
 
                GridView showPhotoGridView = (GridView) findViewById(R.id.showPhotoGridView);
 
                Intent intent = this.getIntent();
 
                Bundle bundle = intent.getExtras();
 
                keyword = bundle.getString("keyword");
 
                photos = getPhotos(keyword);
 
                showPhotoGridView.setAdapter(new PhotoAdapter(this, photos));
 
                showPhotoGridView.setOnItemClickListener(
 
                        new AdapterView.OnItemClickListener() 
 
                    { 
 
                      @Override
 
                      public void onItemClick(AdapterView<?> arg0,View arg1,
 
                                              int arg2,long arg3)
 
                      {
 
                        Intent intent = new Intent();
 
                        intent.setClass(ShowPhotosActivity.this, ShowPhotoActivity.class);
 
                        Bundle bundle = new Bundle();
 
                        bundle.putString("photoUrl",photos.get(arg2).getUrl());
 
                        intent.putExtras(bundle);
 
                        startActivity(intent);
 
                      } 
 
                    });
 
        }
 
        private List<Photo> getPhotos(String keyword) {
 
                System.setProperty("http.proxyHost", "10.254.144.158");
 
                System.setProperty("http.proxyPort", "8080");
 
                List<Photo> photos = null;
 
                String path = "http://picasaweb.google.com/data/feed/api/all?kind=photo&q=" + keyword + "&max-results=9&imgmax=512&thumbsize=64";
 
                URL url = null;
 
                try {
 
                        url = new URL(path);
 
                        PhotoXmlHandler handler = new PhotoXmlHandler();
 
                        Xml.parse(url.openConnection().getInputStream(),
 
                                        Xml.Encoding.UTF_8, handler);
 
                        photos = handler.getPhotos();
 
                } catch (Exception e) {
 
                        throw new RuntimeException(e);
 
                }
 
                return photos;
 
        }
 
        @Override
 
        protected void onStart() {
 
                super.onStart();
 
        }
 
        @Override
 
        protected void onRestart() {
 
                super.onRestart();
 
        }
 
        @Override
 
        protected void onResume() {
 
                super.onResume();
 
        }
 
        @Override
 
        protected void onPause() {
 
                super.onPause();
 
        }
 
        @Override
 
        protected void onStop() {
 
                super.onStop();
 
        }
 
        @Override
 
        protected void onDestroy() {
 
                super.onDestroy();
 
        }
 
}
 
Parsed in 0.044 seconds,  using GeSHi 1.0.8.4

Please help on this. Thanks in advance.

seabookf_91 · by **seabookf_91** » Tue Oct 13, 2009 4:04 pm

I did some research to solve the problem, but it still doesn't work well. I need some help to understand the point.
Any heros or heroines could stand out to save the world?

Here is some demo code trying to solve the problem, but it may not the right one.

Syntax: [ Download ] [ Hide ]

Using java Syntax Highlighting

 
public class GridViewMultiThread extends Activity {
 
        Button button = null;
 
        GridView gridView = null;
 
        Context context = null;
 
        ImageAdapter imageAdapter;
 
        private View mSearchPanel;
 
        DownloadPhotosTask downloadPhotosTask;
 
        /** Called when the activity is first created. */
 
        @Override
 
        public void onCreate(Bundle savedInstanceState) {
 
                super.onCreate(savedInstanceState);
 
                setContentView(R.layout.main);
 
                gridView = (GridView) findViewById(R.id.showPhotoGridView);
 
                imageAdapter = new ImageAdapter(this);
 
                gridView.setAdapter(imageAdapter);
 
                downloadPhotosTask = (DownloadPhotosTask) new DownloadPhotosTask().execute();
 
//              button.setOnClickListener(new OnClickListener() {
 
//                      @Override
 
//                      public void onClick(View v) {
 
//                              button.setEnabled(false);
 
//                              downloadPhotosTask = (DownloadPhotosTask) new DownloadPhotosTask()
 
//                                              .execute();
 
//                      }
 
//              });
 
        }
 
        class DownloadPhotosTask extends AsyncTask<Void, Photo, Void> implements
 
                        PhotoDownloadListener {
 
//              @Override
 
//              protected void onPreExecute() {
 
//                      if (mSearchPanel == null) {
 
//                              mSearchPanel = ((ViewStub) findViewById(R.id.stub_search))
 
//                                              .inflate();
 
//
 
//                              ProgressBar progress = (ProgressBar) mSearchPanel
 
//                                              .findViewById(R.id.progress);
 
//                              progress.setIndeterminate(true);
 
//
 
//                              ((TextView) mSearchPanel.findViewById(R.id.label_loading))
 
//                                              .setText("loading");
 
//
 
//                              final View cancelButton = mSearchPanel
 
//                                              .findViewById(R.id.button_cancel);
 
//                              cancelButton.setOnClickListener(new View.OnClickListener() {
 
//                                      public void onClick(View v) {
 
//                                              onCancelSearch();
 
//                                      }
 
//                              });
 
//                      }
 
//              }
 
//              private void onCancelSearch() {
 
//                      if (downloadPhotosTask != null
 
//                                      && downloadPhotosTask.getStatus() == AsyncTask.Status.RUNNING) {
 
//                              downloadPhotosTask.cancel(true);
 
//                              downloadPhotosTask = null;
 
//                      }
 
//              }
 
                @Override
 
                protected Void doInBackground(Void... params) {
 
                        DownLoader.getInstance().downLoadImage(this);
 
                        return null;
 
                }
 
                @Override
 
                public void onPhotoDownloadListener(Photo photo) {
 
                        if (photo != null && !isCancelled()) {
 
                                publishProgress(photo);
 
                        }
 
                }
 
                @Override
 
                public void onProgressUpdate(Photo... photos) {
 
                        for (Photo photo : photos) {
 
                                imageAdapter.addPhoto(photo);
 
                                gridView.invalidateViews();
 
//                              imageAdapter.registerDataSetObserver(observer)
 
                        }
 
                }
 
        }
 
}
 
class ImageAdapter extends BaseAdapter {
 
        private Context mContext;
 
        private List<Photo> photos = new ArrayList<Photo>();
 
        public ImageAdapter(Context context) {
 
                this.mContext = context;
 
        }
 
        public void addPhoto(Photo photo) {
 
                photos.add(photo);
 
        }
 
        @Override
 
        public int getCount() {
 
                return photos.size();
 
        }
 
        @Override
 
        public Object getItem(int position) {
 
                return photos.get(position);
 
        }
 
        @Override
 
        public long getItemId(int position) {
 
                return position;
 
        }
 
        @Override
 
        public View getView(int position, View convertView, ViewGroup parent) {
 
                final ImageView imageView;
 
                if (convertView == null) {
 
                        imageView = new ImageView(mContext);
 
                } else {
 
                        imageView = (ImageView) convertView;
 
                }
 
                imageView.setImageBitmap(photos.get(position).getBm());
 
                return imageView;
 
        }
 
}
 
class DownLoader {
 
        private static DownLoader downloader = new DownLoader();
 
        private static String[] myImageURL = null;
 
        private List<Photo> photos = new ArrayList<Photo>();
 
        public static DownLoader getInstance() {
 
                initImageURL();
 
                return downloader;
 
        }
 
        static void initImageURL() {
 
                int no = 0;
 
                myImageURL = new String[100];
 
                for (int i = 0; i < myImageURL.length; i++) {
 
                        myImageURL[i] = "http://cp.a8.com/image/128X128GIF/8" + no + ".gif";
 
                        no++;
 
                        if (no % 10 == 0) {
 
                                no = 0;
 
                        }
 
                }
 
        }
 
        public List<Photo> downLoadImage(PhotoDownloadListener listener) {
 
                List<String> urls = Arrays.asList(myImageURL);
 
                List<Photo> photos = new ArrayList<Photo>();
 
                URL aryURI = null;
 
                URLConnection conn = null;
 
                InputStream is = null;
 
                Bitmap bm = null;
 
                Photo photo = null;
 
                for (String url : urls) {
 
                        // Log.e("URL:", url);
 
                        try {
 
                                aryURI = new URL(url);
 
                                conn = aryURI.openConnection();
 
                                is = conn.getInputStream();
 
                                bm = BitmapFactory.decodeStream(is);
 
                                photo = new Photo(bm);
 
                                listener.onPhotoDownloadListener(photo);
 
                                photos.add(photo);
 
                        } catch (Exception e) {
 
                                throw new RuntimeException(e);
 
                        } finally {
 
                                try {
 
                                        if (is != null)
 
                                                is.close();
 
                                } catch (IOException e) {
 
                                        e.printStackTrace();
 
                                }
 
                        }
 
                }
 
                return photos;
 
        }
 
}
 
class Photo {
 
        private Bitmap bm;
 
        public Photo(Bitmap bm) {
 
                this.bm = bm;
 
        }
 
        public Bitmap getBm() {
 
                return bm;
 
        }
 
        public void setBm(Bitmap bm) {
 
                this.bm = bm;
 
        }
 
        interface PhotoDownloadListener {
 
                public void onPhotoDownloadListener(Photo photo);
 
        }
 
}
 
Parsed in 0.050 seconds,  using GeSHi 1.0.8.4

seabookf_91 · by **seabookf_91** » Wed Oct 14, 2009 6:54 am

Actually I searched all the related posts on the Android Community, there are some similar problems. And I tried a couple of hours to fix the problem, at lease I think it was fixed, though I am not exactly sure it’s a good solution.

Like I assumed that the problem is happened on gridView.invalidateViews(); I simply changed this into imageAdapter.notifyDataSetChanged(). And it works.

Help me on download multi-photos in a faster way.

Help me on download multi-photos in a faster way.

Fixed

Who is online