java - ImageView无法一张一张显示图片

Question

我想做什么:我有几个 JPG 文件保存在“ Assets ”文件夹下的子文件夹中。我的应用程序应该进入这个子文件夹，加载第一个文件，显示 30 秒，然后加载第二个文件，显示 30 秒，依此类推，...，直到最后一个文件。这是在循环中完成的。

我遇到了什么问题:该应用程序经历了循环的所有迭代。它正确加载每个文件，正确报告每个图像的宽度和高度。然而，屏幕是黑色的，没有图像被显示，直到整个循环结束。然后显示最后一张图像。

这是我的 layout.xml 文件(我想处理不同尺寸的图像，但稍后会担心):

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mylayout_id"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <ImageView
        android:id="@+id/image_display"
        android:layout_width="400dp"
        android:layout_height="400dp" >
    </ImageView>

    <Button
        android:id="@+id/button_start"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="pressedStart"
        android:text="@string/btn_start" />
</LinearLayout>

这是我的代码:

public class MyImageActivity extends Activity {
    private final String TAG = "MyImageActivity";

    private ImageView mIV;
    private Bitmap mFaceBitmap;
    private AssetManager mAssetMan = null;
    private String[] mImgFileNames = null;
    private int mBitmapWidth;
    private int mBitmapHeight;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        Log.e(TAG, "onCreate");
        super.onCreate(savedInstanceState);
        setContentView(R.layout.mylayout);
        mIV = (ImageView) findViewById(R.id.image_display);
    }

    @Override
    protected void onResume() {
        Log.e(TAG, "onResume");
        super.onResume();
        mAssetMan = getAssets();
    }

    public void pressedStart(View view) {
        Log.e(TAG, "pressedStart");
        try {
            mImgFileNames = mAssetMan.list("my_subfolder");
        } catch (IOException e1) {
            // TODO Auto-generated catch block
            e1.printStackTrace();
        }
        Log.d(TAG, "mImgFileNames = " + mImgFileNames);
        Log.d(TAG, "number of image files = " + mImgFileNames.length);

        for (int i = 0; i < mImgFileNames.length; i++) {
            Log.d(TAG, "image file name = " + mImgFileNames[i]);

            mIV.setImageDrawable(null);
            mIV.invalidate();
            InputStream istr = null;
            try {
                istr = mAssetMan.open("my_subfolder" + mImgFileNames[i]);
            } catch (IOException e) {
                // TODO Auto-generated catch block
                e.printStackTrace();
            }

            // load the photo
            Bitmap b = BitmapFactory.decodeStream(istr);
            mFaceBitmap = b.copy(Bitmap.Config.RGB_565, true); 
            b.recycle();

            mBitmapWidth = mFaceBitmap.getWidth();
            mBitmapHeight = mFaceBitmap.getHeight();  
            Log.d(TAG, "mBitmapWidth = " + mBitmapWidth);
            Log.d(TAG, "mBitmapHeight = " + mBitmapHeight);

            Drawable drawable = new BitmapDrawable(getResources(), mFaceBitmap);
            mIV.setImageDrawable(drawable);
            mIV.invalidate();
            SystemClock.sleep(5000);
        }
    }
}

我发现了一些关于类似问题的其他讨论here和 here .我尝试了一些建议的解决方案，例如添加 setImageDrawable(null) 以强制 ImageView 更新；那对我不起作用。

我的方法有什么问题吗？非常感谢您的帮助和建议。

提前致谢，祝周末愉快。

Answer 1

发生这种情况是因为您将新图像放在容器中并调用无效以使其显示，但随后您转身并使 UI 线程 hibernate 5 秒钟，因此我无法更新它。当系统开始更新它时，它已经在移动到下一个图像。我会使用 AsyncTask 在后台加载下一个图像，然后在使用新数据更新 UI 之前在后台线程中放置一个 5 秒的计时器。

编辑
这是您的代码的修改版本，如果这是您的确切代码，则可以运行。如果不是，你应该没问题。 (如果格式不好，那是因为我的作品还在用IE8，不让我看格式，等我回家再改。)

public class MyImageActivity extends Activity {
        private final String TAG = "MyImageActivity";
        private ImageView mIV;

        @Override
        public void onCreate(Bundle savedInstanceState) {
            Log.e(TAG, "onCreate");
            super.onCreate(savedInstanceState);
            setContentView(R.layout.mylayout);
            mIV = (ImageView) findViewById(R.id.image_display);
        }

        @Override
        protected void onResume() {
            Log.e(TAG, "onResume");
            super.onResume();
        }

        public void pressedStart(View view) {
        new SlideShowTask().execute();
        }

    private class SlideShowTask extends AsyncTask<Void, Drawable, Void>{

      private Bitmap mFaceBitmap;
          private AssetManager mAssetMan = null;
          private String[] mImgFileNames = null;
          private int mBitmapWidth;
          private int mBitmapHeight;

      @Override
      Protected Void doInBackground(Void... params){
        mAssetMan = getAssets();
        Log.e(TAG, "pressedStart");
                try {
                    mImgFileNames = mAssetMan.list("my_subfolder");
                } catch (IOException e1) {
                    // TODO Auto-generated catch block
                    e1.printStackTrace();
                }
                Log.d(TAG, "mImgFileNames = " + mImgFileNames);
                Log.d(TAG, "number of image files = " + mImgFileNames.length);

            for (int i = 0; i < mImgFileNames.length; i++) {
                Log.d(TAG, "image file name = " + mImgFileNames[i]);

                InputStream istr = null;
                try {
                    istr = mAssetMan.open("my_subfolder/" + mImgFileNames[i]);
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                }

                // load the photo
                Bitmap b = BitmapFactory.decodeStream(istr);
                mFaceBitmap = b.copy(Bitmap.Config.RGB_565, true); 
                b.recycle();

                mBitmapWidth = mFaceBitmap.getWidth();
                mBitmapHeight = mFaceBitmap.getHeight();  
                Log.d(TAG, "mBitmapWidth = " + mBitmapWidth);
                Log.d(TAG, "mBitmapHeight = " + mBitmapHeight);

                Drawable drawable = new BitmapDrawable(getResources(), mFaceBitmap);
        publishProgress(drawable);
                SystemClock.sleep(5000);
            }
      }

      @Override
      Protected Void onProgressUpdate(Drawable... values){
        super.onProgressUpdate(values);
        mIV.setImageDrawable(values[0]);
        mIV.invalidate();
      }
    }
}