0

场景:有点棘手但很有趣。我已经发送了一个请求,它将给我一个 JSON 响应。此响应将进一步包含,例如 10 个 JSON 请求 URL。

然后我将向这 10 个 URL 发送请求,然后每个 URL 将包含 2 个图像 URL。这意味着总共有 20 张图像。

我的目的是ListView尽可能快地向用户展示这些图像。这是我到目前为止所做的:

第 1 步:活动开始后,弹出一个ProgressDialog显示加载圈,就像在 youtube 中一样。

第 2 步:在 ANASYNC TASK中,发送提供这 10 个 JSON 请求的 URL 的第一个请求。发送此请求,然后解析并存储这 10 个 URL 作为响应。

第 3 步:从第一个(共 10 个)开始,发送将给出 JSON 响应的请求。

第 4 步:解析此响应以获取 2 个图像 URL 并存储在 LinkedList 中。

第 5 步:因为我们现在有了图像的实际链接,所以关闭进度对话框并获取图像。

第 6 步:此图像将存储在drawable. 我做了一个BaseAdapter叫做ImageAdapterhas的习惯ArrayList<Drawable> mImages

第 7 步:将接收到的 drawable 存储在 this 中ArrayList,使用:adapter.mImages.add(drawable);

第 8 步:然后调用adapter.notifyDataSetChanged();这将在图像准备好显示后立即更新列表视图。

第 9 步:返回第 3 步以处理更多 URL。

以下是代码(删除了所有不必要的代码):

活动类

public class ImageViewer extends Activity {
    GridView gvImage;
    private ProgressDialog progressDialog;
    private final static Integer IMAGE_LIMIT = 10;
    private ImageAdapter adapter;

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        try {
            setContentView(R.layout.ImageViewer);
            gvImage = (GridView) findViewById(R.id.gvImage);
            adapter = new ImageAdapter(this);
            gvImage.setAdapter(adapter);

            progressDialog = ProgressDialog.show(ImageViewer.this, "In Progress",
                    "Loading...", true, true, new DialogInterface.OnCancelListener() {

                        public void onCancel(DialogInterface dialog) {
                            finish();
                        }
                    });
            new SendRequest().execute(null);
        } catch (Exception e) {
        }
    }

    class SendRequest extends AsyncTask {
        protected Object doInBackground(Object... params) {
            try {
                HttpClient client = new DefaultHttpClient(httpParameters);
                HttpContext localContext = new BasicHttpContext();
                HttpGet httpGet = new HttpGet(BaseRequest_URL);

                JSONObject jsonResponse = null;

                HttpResponse httpResponse = client.execute(httpGet, localContext);
                if (httpResponse.getStatusLine().getStatusCode() == 200) {
                    HttpEntity entity = httpResponse.getEntity();
                    jsonResponse = getJSONObjectFromEntity(entity); //getJSONObjectFromEntity() will return JSONObject
                    processJSON(jsonResponse);
                }
                progressDialog.dismiss();
            } catch (Exception e) {
            }
            return null;
        }

        private void processJSON(JSONObject jsonResponse) throws JSONException {
            for (int i = 0; i < IMAGE_LIMIT; i++) {
                // Some JSON parsing. Output will be 'imageURL' which will be image URL
                displayImage(imageURL);
            }
        }

        public void displayImage(String uri150) {
            try {
                InputStream is = (InputStream) new URL(uri150).getContent();
                if(progressDialog.isShowing()){
                    progressDialog.dismiss();
                }
                Drawable d = Drawable.createFromStream(is, "image 150");
                adapter.mImages.add(d);
                handler.sendEmptyMessage(0); // Handler Below
            } catch (Exception e) {
            }
        }

        protected void onPostExecute(Object result) {
            super.onPostExecute(result);
        }
    }

    private Handler handler = new Handler(){
        public void handleMessage(android.os.Message msg) {
            adapter.notifyDataSetChanged();
        };
    };
}

图像适配器类:

public class ImageAdapter extends BaseAdapter {
    Context context;
    public ArrayList<Drawable> mImages = new ArrayList<Drawable>();

    public ImageAdapter(Context c) {
        this.context = c;
    }

    public View getView(int position, View convertView, ViewGroup parent) {
        ImageView imageView = new ImageView(context);
        try {
            imageView.setLayoutParams(new GridView.LayoutParams(150, 150));
            imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
            imageView.setImageDrawable(mImages.get(position));
            imageView.setTag("Image" + position);
        } catch (Exception e) {
        }
        return imageView;
    }
}

问题:

  1. 我看到它的方式ImageAdapter被称为多次。有没有其他方法可以减少它。

  2. 如何优化 ImageAdapter 的代码。

  3. 还有什么改进吗?

4

4 回答 4

1

我可以肯定地告诉你,将图像存储在内存中是错误的,因为你会得到OutOfMemoryException

要了解如何使用图像和缓存,请访问高效显示位图

于 2012-11-13T12:55:04.780 回答
1
  1. (前 2 个问题)适配器不仅控制显示哪一行(在列表中查看),它还回收它。在您的适配器中,getView 每次调用时都会创建一个新视图,如果旧视图不可用,它应该只创建一个新视图。在此处查看 Mark Murphy(commonsware)的适配器。

  2. 在您的代码中,所有图像都是在进度对话框期间下载的。您的用户可能不会看到最后一个,这肯定会加重您的记忆负担。我建议您延迟加载 JSON 和图像(请求您的 JSON,解析它,根据您的用户看到/滚动的网格数量来异步加载图像)。关于图像延迟加载的讨论很多,您绝对应该从 Fedor 的回答开始。

于 2012-11-13T14:42:57.753 回答
0

试试这个库。它非常适合layz加载。

于 2012-11-14T09:58:01.247 回答
0

只需搜索 Android LazyImageLoading

祝你好运

于 2012-11-14T10:08:41.293 回答