13

我遇到过一种情况,我必须在幻灯片中显示图像,并且切换图像的速度非常快。庞大的图像数量让我想将 JPEG 数据存储在内存中,并在我想显示它们时对其进行解码。为了简化垃圾收集器,我使用BitmapFactory.Options.inBitmap来重用位图。

不幸的是,这会导致相当严重的撕裂,我尝试了不同的解决方案,例如同步、信号量、在 2-3 个位图之间交替,但是似乎没有一个可以解决问题。

我已经建立了一个示例项目,在 GitHub 上演示了这个问题;https://github.com/Berglund/android-tearing-example

我有一个线程解码位图,将其设置在 UI 线程上,并休眠 5 毫秒:

Runnable runnable = new Runnable() {
@Override
public void run() {
        while(true) {
            BitmapFactory.Options options = new BitmapFactory.Options();
            options.inSampleSize = 1;

            if(bitmap != null) {
                options.inBitmap = bitmap;
            }

            bitmap = BitmapFactory.decodeResource(getResources(), images.get(position), options);

            runOnUiThread(new Runnable() {
                @Override
                public void run() {
                    imageView.setImageBitmap(bitmap);
                }
            });

            try {
                Thread.sleep(5);
            } catch (InterruptedException e) {}

            position++;
            if(position >= images.size())
                position = 0;
        }
    }
};
Thread t = new Thread(runnable);
t.start();

我的想法是 ImageView.setImageBitmap(Bitmap) 在下一个 vsync 上绘制位图,但是,当这种情况发生时,我们可能已经在解码下一个位图,因此,我们已经开始修改位图像素。我在思考正确的方向吗?

有人对从这里去哪里有任何提示吗?

4

5 回答 5

7

您应该使用 ImageView 的 onDraw() 方法,因为当视图需要在屏幕上绘制其内容时会调用该方法。

我创建了一个名为 MyImageView 的新类,它扩展了 ImageView 并覆盖了 onDraw() 方法,该方法将触发回调以让侦听器知道该视图已完成绘制

public class MyImageView extends ImageView {

    private OnDrawFinishedListener mDrawFinishedListener;

    public MyImageView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mDrawFinishedListener != null) {
            mDrawFinishedListener.onOnDrawFinish();
        }
    }

    public void setOnDrawFinishedListener(OnDrawFinishedListener listener) {
        mDrawFinishedListener = listener;
    }

    public interface OnDrawFinishedListener {
        public void onOnDrawFinish();
    }

}

在 MainActivity 中,定义 3 个位图:一个对 ImageView 用于绘制的位图的引用,一个用于解码,一个对回收用于下一次解码的位图的引用。我重用了 vminorov 答案中的同步块,但在代码注释中放置了不同的地方并有解释

public class MainActivity extends Activity {

    private Bitmap mDecodingBitmap;
    private Bitmap mShowingBitmap;
    private Bitmap mRecycledBitmap;

    private final Object lock = new Object();

    private volatile boolean ready = true;

    ArrayList<Integer> images = new ArrayList<Integer>();
    int position = 0;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        images.add(R.drawable.black);
        images.add(R.drawable.blue);
        images.add(R.drawable.green);
        images.add(R.drawable.grey);
        images.add(R.drawable.orange);
        images.add(R.drawable.pink);
        images.add(R.drawable.red);
        images.add(R.drawable.white);
        images.add(R.drawable.yellow);

        final MyImageView imageView = (MyImageView) findViewById(R.id.image);
        imageView.setOnDrawFinishedListener(new OnDrawFinishedListener() {

            @Override
            public void onOnDrawFinish() {
                /*
                 * The ImageView has finished its drawing, now we can recycle
                 * the bitmap and use the new one for the next drawing
                 */
                mRecycledBitmap = mShowingBitmap;
                mShowingBitmap = null;
                synchronized (lock) {
                    ready = true;
                    lock.notifyAll();
                }
            }
        });

        final Button goButton = (Button) findViewById(R.id.button);

        goButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Runnable runnable = new Runnable() {
                    @Override
                    public void run() {
                        while (true) {
                            BitmapFactory.Options options = new BitmapFactory.Options();
                            options.inSampleSize = 1;

                            if (mDecodingBitmap != null) {
                                options.inBitmap = mDecodingBitmap;
                            }

                            mDecodingBitmap = BitmapFactory.decodeResource(
                                    getResources(), images.get(position),
                                    options);

                            /*
                             * If you want the images display in order and none
                             * of them is bypassed then you should stay here and
                             * wait until the ImageView finishes displaying the
                             * last bitmap, if not, remove synchronized block.
                             * 
                             * It's better if we put the lock here (after the
                             * decoding is done) so that the image is ready to
                             * pass to the ImageView when this thread resume.
                             */
                            synchronized (lock) {
                                while (!ready) {
                                    try {
                                        lock.wait();
                                    } catch (InterruptedException e) {
                                        e.printStackTrace();
                                    }
                                }
                                ready = false;
                            }

                            if (mShowingBitmap == null) {
                                mShowingBitmap = mDecodingBitmap;
                                mDecodingBitmap = mRecycledBitmap;
                            }

                            runOnUiThread(new Runnable() {
                                @Override
                                public void run() {
                                    if (mShowingBitmap != null) {
                                        imageView
                                                .setImageBitmap(mShowingBitmap);
                                        /*
                                         * At this point, nothing has been drawn
                                         * yet, only passing the data to the
                                         * ImageView and trigger the view to
                                         * invalidate
                                         */
                                    }
                                }
                            });

                            try {
                                Thread.sleep(5);
                            } catch (InterruptedException e) {
                            }

                            position++;
                            if (position >= images.size())
                                position = 0;
                        }
                    }
                };
                Thread t = new Thread(runnable);
                t.start();
            }
        });

    }
}
于 2013-03-21T04:04:05.877 回答
4

您需要执行以下操作才能摆脱此问题。

  1. 添加额外的位图以防止 ui 线程绘制位图而另一个线程正在修改它的情况。
  2. 实现线程同步以防止后台线程尝试解码新位图但前一个位图未由 ui 线程显示的情况。

我已经稍微修改了你的代码,现在它对我来说很好用。

package com.example.TearingExample;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;

import java.util.ArrayList;

public class MainActivity extends Activity {
    ArrayList<Integer> images = new ArrayList<Integer>();

    private Bitmap[] buffers = new Bitmap[2];
    private volatile Bitmap current;

    private final Object lock = new Object();
    private volatile boolean ready = true;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        images.add(R.drawable.black);
        images.add(R.drawable.blue);
        images.add(R.drawable.green);
        images.add(R.drawable.grey);
        images.add(R.drawable.orange);
        images.add(R.drawable.pink);
        images.add(R.drawable.red);
        images.add(R.drawable.white);
        images.add(R.drawable.yellow);

        final ImageView imageView = (ImageView) findViewById(R.id.image);
        final Button goButton = (Button) findViewById(R.id.button);

        goButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Runnable runnable = new Runnable() {
                    @Override
                    public void run() {
                        int position = 0;
                        int index = 0;

                        while (true) {
                            try {
                                synchronized (lock) {
                                    while (!ready) {
                                        lock.wait();
                                    }
                                    ready = false;
                                }

                                BitmapFactory.Options options = new BitmapFactory.Options();

                                options.inSampleSize = 1;
                                options.inBitmap = buffers[index];

                                buffers[index] = BitmapFactory.decodeResource(getResources(), images.get(position), options);
                                current = buffers[index];

                                runOnUiThread(new Runnable() {
                                    @Override
                                    public void run() {
                                        imageView.setImageBitmap(current);
                                        synchronized (lock) {
                                            ready = true;
                                            lock.notifyAll();
                                        }
                                    }
                                });

                                position = (position + 1) % images.size();
                                index = (index + 1) % buffers.length;

                                Thread.sleep(5);
                            } catch (InterruptedException ignore) {
                            }
                        }
                    }
                };
                Thread t = new Thread(runnable);
                t.start();
            }
        });
    }
}
于 2013-03-18T15:32:38.183 回答
4

作为当前方法的替代方法,您可能会考虑保留 JPEG 数据,但也为每个图像创建单独的位图,并使用inPurgeableinInputShareable标志。这些标志在不由 Java 垃圾收集器直接管理的单独堆上为您的位图分配后备内存,并允许 Android 本身在没有空间时丢弃位图数据,并在需要时按需重新解码您的 JPEG . Android 拥有所有这些专用代码来管理位图数据,那么为什么不使用它呢?

于 2013-03-25T04:09:23.210 回答
0

在 BM.decode(resource... 中是否涉及网络?

如果是,那么您需要优化网络连接上的前瞻连接和数据传输以及优化位图和内存的工作。这可能意味着使用您的连接协议(我猜是 http)擅长低延迟或异步传输。确保您传输的数据不超过您的需要?在创建优化对象以填充局部视图时,位图解码通常会丢弃 80% 的像素。

如果用于位图的数据已经是本地的并且不担心网络延迟,那么只需专注于保留集合类型 DStructure(listArray) 来保存 UI 将在页面转发、页面返回事件上交换的片段。

如果您的 jpegs(pngs 对于位图操作 IMO 是无损的)每个约为 100k,则您可以使用 std 适配器将它们加载到片段中。如果它们更大,那么您将不得不找出与解码一起使用的位图“压缩”选项,以免在片段数据结构上浪费大量内存。

如果您需要一个 theadpool 来优化位图创建,那么请这样做以消除该步骤涉及的任何延迟。

我不确定它是否有效,但如果你想变得更复杂,你可以考虑在与适配器协作的 listArray 下放置一个循环缓冲区或其他东西?

IMO - 一旦你有了结构,页面之间的事务切换应该非常快。我对内存中大约 6 张图片有直接的经验,每张图片的大小都在 200k 左右,并且在 page-fwd、page-back 处速度很快。

我使用这个应用程序作为框架,专注于“页面查看器”示例。

于 2013-03-18T13:44:09.260 回答
0

它与图像缓存、asycTask 处理、网络后台下载等有关。请阅读此页面:http: //developer.android.com/training/displaying-bitmaps/index.html

如果您下载并查看该页面上的示例项目 bitmapfun,我相信它会解决您的所有问题。这是一个完美的样本。

于 2013-03-22T01:55:39.743 回答