加载图像时如何不延迟?

时间:2018-11-18 05:28:58

标签: java android android-recyclerview android-glide

我正在recyclerView中从服务器加载图像,与此同时,我也正在下载该图像。我真正想做的是直到下载图像为止,然后显示带有进度条的图像的模糊或深色不透明预览。要加载我正在使用滑行的图像并要下载我正在使用Okhttp

要将图像加载到视图中:-

Glide.with(cont).load(modal.get(position).getMassege()).apply(requestOptions).listener(new RequestListener<Drawable>() {
                    @Override
                    public boolean onLoadFailed(@Nullable GlideException e, Object model, com.bumptech.glide.request.target.Target<Drawable> target, boolean isFirstResource) {
                        return false;
                    }

                    @Override
                    public boolean onResourceReady(Drawable resource, Object model, com.bumptech.glide.request.target.Target<Drawable> target, DataSource dataSource, boolean isFirstResource) {

                        if(modal.get(position).getProgressPercentage()==0) {
                            new Thread(new Runnable() {
                                @Override
                                public void run() {

                                    downloadFile(modal.get(position).getMassege(), position, modal.get(position).getMsgid(),modal.get(position).getTimeSent());

                                }
                            }).start();
                        }
                        return false;
                    }
                }).into(holder.image);

要下载图像

    public void downloadFile(String src, int position, String messageId,String timeStamp) {
    try {
        java.net.URL url = new java.net.URL(src);
        HttpURLConnection connection = (HttpURLConnection) url
                .openConnection();
        connection.setDoInput(true);
        connection.connect();
        int lenghtOfFile = connection.getContentLength();
        InputStream input = connection.getInputStream();
        String[] fileNam = src.split("/");
        OutputStream output = new FileOutputStream(cont.getFilesDir() + fileNam[fileNam.length - 1]);
        byte data[] = new byte[1024];

        long total = 0;
        int count = 0;
        int progressPercentage = 0;
        Intent intent = new Intent();
        intent.setAction(Constants.INTENT_FILTER);
        intent.putExtra(Constants.MESSAGE_POSITION_IN_CHAT_LIST, position);
        intent.putExtra(Constants.DOWNLOADING_FILE, true);

        while ((count = input.read(data)) != -1) {
            total += count;
            // publishing the progress....
            // After this onProgressUpdate will be called
            progressPercentage = (int) ((total * 100) / lenghtOfFile);
            if(progressPercentage==30||progressPercentage==60||progressPercentage==100) {
                intent.putExtra(Constants.PROGRESS, progressPercentage);
                intent.putExtra(Constants.FILE_PATH, cont.getFilesDir() + fileNam[fileNam.length - 1]);
                intent.putExtra(Constants.MESSAGE_ID, messageId);
                cont.sendBroadcast(intent);
            }

            // writing data to file
            output.write(data, 0, count);
            Log.d("Downloding" + progressPercentage, "Count" + count);
            if (progressPercentage > 99) {
                DatabaseHelperChattingToUsers databaseHelperChattingToUsers = new DatabaseHelperChattingToUsers(cont);
                String userId = databaseHelperChattingToUsers.getUserExists(sendTo);
                String splits[] = userId.split("/");
                databaseHelperChattingToUsers.updateContact(new ChattingToUsers(splits[0], sendTo, timeStamp, cont.getFilesDir() + fileNam[fileNam.length - 1],"0"));

                DatabaseHelper1 db = new DatabaseHelper1(cont);
                db.updateContact(messageId, "", "", "", 100);
                String filePath = intent.getStringExtra(Constants.FILE_PATH);
                db.updateChatMessage(messageId, filePath);
            }
        }

    } catch (IOException e) {
        e.printStackTrace();

    }
}

我到达的地方:

在将图像加载到recyclerView中的同时,我能够并行下载图像,同时进度条显示了图像下载以及图像的模糊预览。

我面临的问题:

在图像加载到recyclerView中以进行图像的模糊预览时,图像花费的时间很短,但是在recyclerView中添加了项目视图,并在一段时间后加载了图像

1 个答案:

答案 0 :(得分:0)

Glide会为您下载图像,为什么还要通过okHttp下载图像呢?

下载完整图像始终会有延迟。这取决于您的网络速度和图像大小。

要减少延迟,您可以在服务器上存储不同大小的图像。在客户端,请先下载小尺寸图片,然后将其显示在recyclerview中。 (较小的图像大小==减少了下载时间。)

点击recyclerview中的行,然后点击另一个网址即可下载完整图片。

例如

https://www.example.com/images/small/image1.png(250x250 px = 100kb)

https://www.example.com/images/medium/image1.png(1000x1000 px = 400kb)

https://www.example.com/images/large/image1.png(3000x3000 ox = 1200kb)