Java 在viewpager中翻转图像

Java 在viewpager中翻转图像,java,android,android-fragments,android-viewpager,android-animation,Java,Android,Android Fragments,Android Viewpager,Android Animation,我有一个水平滑动全屏图像滑块的viewpager。我想做的是在滑块上的每个图像后面放一个图像。这意味着,用户可以点击“翻转”按钮来显示另一幅图像 以下是我的代码,但我有两个问题: 第一次单击“翻转”按钮时,它会翻转图像,但仅限于 显示相同的图像。但是,当我第二次单击它时 它是有效的:) “翻转”按钮仅适用于第一个图像。当我刷卡的时候 左右翻转按钮不再工作。有什么帮助吗 注意:我使用的是fullscreenActivity主题,它在用户单击图像之前隐藏UI控件 FullscreenActivity

我有一个水平滑动全屏图像滑块的viewpager。我想做的是在滑块上的每个图像后面放一个图像。这意味着,用户可以点击“翻转”按钮来显示另一幅图像

以下是我的代码,但我有两个问题:

  • 第一次单击“翻转”按钮时,它会翻转图像,但仅限于 显示相同的图像。但是,当我第二次单击它时 它是有效的:)
  • “翻转”按钮仅适用于第一个图像。当我刷卡的时候 左右翻转按钮不再工作。有什么帮助吗
  • 注意:我使用的是fullscreenActivity主题,它在用户单击图像之前隐藏UI控件

    FullscreenActivity.java

    package me.zamaaan.wallpaper;
    
    import android.support.v4.view.PagerAdapter;
    import android.support.v4.view.ViewPager;
    import me.zamaaan.wallpaper.util.SystemUiHider;
    import android.annotation.TargetApi;
    import android.app.Activity;
    import android.content.Intent;
    import android.os.Build;
    import android.os.Bundle;
    import android.os.Handler;
    import android.os.Message;
    import android.view.MotionEvent;
    import android.view.View;
    import android.widget.ImageView;
    import android.widget.Toast;
    import static me.zamaaan.wallpaper.HeavyLifter.FAIL;
    import static me.zamaaan.wallpaper.HeavyLifter.SUCCESS;
    import android.view.View.OnClickListener;
    import android.view.animation.Animation;
    import android.view.animation.Animation.AnimationListener;
    import android.view.animation.AnimationUtils;
    
    
    import java.util.ArrayList;
    import java.util.List;
    
    /** A helper class that will do the heavy work of decoding images and actually setting the wallpaper */
    
    
    /**
     * An example full-screen activity that shows and hides the system UI (i.e.
     * status bar and navigation/system bar) with user interaction.
     * 
     * @see SystemUiHider
     */
    public class FullscreenActivity extends Activity implements OnClickListener, AnimationListener{
        /**
         * Whether or not the system UI should be auto-hidden after
         * {@link #AUTO_HIDE_DELAY_MILLIS} milliseconds.
         */
        private static final boolean AUTO_HIDE = true;
        private HeavyLifter chuckNorris;
        private Animation animation1;
        private Animation animation2;
        private boolean isBackOfCardShowing = true;
    
        /*
        an array with the ids of the images for the viewpager
    
         */
        public Integer[] mImageIds = {
                R.drawable.background1, R.drawable.background2,
                R.drawable.background3, R.drawable.background4,
                R.drawable.background1, R.drawable.background2,
                R.drawable.background1, R.drawable.background2,
                R.drawable.background3, R.drawable.background4,
                R.drawable.background1, R.drawable.background2,
                R.drawable.background3
        };
        /*
        an array with the ids of the images for the back flip of each image in the viewpager
         */
        public Integer[] mBackIds = {
                R.drawable.splash, R.drawable.splash,
                R.drawable.splash, R.drawable.splash,
                R.drawable.splash, R.drawable.splash,
                R.drawable.splash, R.drawable.splash,
                R.drawable.splash, R.drawable.splash,
                R.drawable.splash, R.drawable.splash,
                R.drawable.splash
        };
    
        /**
         * If {@link #AUTO_HIDE} is set, the number of milliseconds to wait after
         * user interaction before hiding the system UI.
         */
        private static final int AUTO_HIDE_DELAY_MILLIS = 3000;
    
        /**
         * If set, will toggle the system UI visibility upon interaction. Otherwise,
         * will show the system UI visibility upon interaction.
         */
        private static final boolean TOGGLE_ON_CLICK = true;
    
        /**
         * The flags to pass to {@link SystemUiHider#getInstance}.
         */
        private static final int HIDER_FLAGS = SystemUiHider.FLAG_HIDE_NAVIGATION;
    
        /**
         * The instance of the {@link SystemUiHider} for this activity.
         */
        private SystemUiHider mSystemUiHider;
    
        /**
         * The pager widget, which handles animation and allows swiping horizontally to access previous
         * and next wizard steps.
         */
        private ViewPager mPager;
    
        /**
         * The pager adapter, which provides the pages to the view pager widget.
         */
        private PagerAdapter mPagerAdapter;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
    
            setContentView(R.layout.activity_fullscreen);
            animation1 = AnimationUtils.loadAnimation(this, R.anim.to_middle);
            animation1.setAnimationListener(this);
            animation2 = AnimationUtils.loadAnimation(this, R.anim.from_middle);
            animation2.setAnimationListener(this);
            findViewById(R.id.flip).setOnClickListener(this);
    
            // Loop through the ids to create a list of full screen image views
            ImageAdapter imageAdapter = new ImageAdapter(this);
            List<ImageView> images = new ArrayList<ImageView>();
    
            for (int i = 0; i < imageAdapter.getCount(); i++) {
                ImageView imageView = new ImageView(this);
                imageView.setId(i);
                imageView.setImageResource(imageAdapter.mThumbIds[i]);
                imageView.setScaleType(ImageView.ScaleType.FIT_XY);
                images.add(imageView);
            }
    
            final View controlsView = findViewById(R.id.fullscreen_content_controls);
            final View contentView = findViewById(R.id.view_pager);
    
            // Set up an instance of SystemUiHider to control the system UI for
            // this activity.
            mSystemUiHider = SystemUiHider.getInstance(this, contentView, HIDER_FLAGS);
            mSystemUiHider.setup();
            mSystemUiHider.setOnVisibilityChangeListener(new SystemUiHider.OnVisibilityChangeListener() {
                        // Cached values.
                        int mControlsHeight;
                        int mShortAnimTime;
    
                        @Override
                        @TargetApi(Build.VERSION_CODES.HONEYCOMB_MR2)
                        public void onVisibilityChange(boolean visible) {
                            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB_MR2) {
                                // If the ViewPropertyAnimator API is available
                                // (Honeycomb MR2 and later), use it to animate the
                                // in-layout UI controls at the bottom of the
                                // screen.
                                if (mControlsHeight == 0) {
                                    mControlsHeight = controlsView.getHeight();
                                }
                                if (mShortAnimTime == 0) {
                                    mShortAnimTime = getResources().getInteger(
                                            android.R.integer.config_shortAnimTime);
                                }
                                controlsView
                                        .animate()
                                        .translationY(visible ? 0 : mControlsHeight)
                                        .setDuration(mShortAnimTime);
                            } else {
                                // If the ViewPropertyAnimator APIs aren't
                                // available, simply show or hide the in-layout UI
                                // controls.
                                controlsView.setVisibility(visible ? View.VISIBLE
                                        : View.GONE);
                            }
    
                            if (visible && AUTO_HIDE) {
                                // Schedule a hide().
                                delayedHide(AUTO_HIDE_DELAY_MILLIS);
                            }
                        }
                    });
    
            // Set up the user interaction to manually show or hide the system UI.
            contentView.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    if (TOGGLE_ON_CLICK) {
                        mSystemUiHider.toggle();
                    } else {
                        mSystemUiHider.show();
                    }
                }
            });
    
            // Upon interacting with UI controls, delay any scheduled hide()
            // operations to prevent the jarring behavior of controls going away
            // while interacting with the UI.
            findViewById(R.id.btnSetAsWallpaper).setOnTouchListener(
                    mDelayHideTouchListener);
            findViewById(R.id.btnSaveWallpaper).setOnTouchListener(
                    mDelayHideTouchListener);
    
    
    
            // Finally create the adapter
            ImagePagerAdapter imagePagerAdapter = new ImagePagerAdapter(images);
            ViewPager viewPager = (ViewPager) findViewById(R.id.view_pager);
            viewPager.setAdapter(imagePagerAdapter);
    
            // Set the ViewPager to point to the selected image from the previous activity
            // Selected image id
            int position = getIntent().getExtras().getInt("id");
            viewPager.setCurrentItem(position);
            //set title of Image
            this.setTitle(imageAdapter.mThumbTitles[position]);
            // Load are heavy lifter (goes and does work on another thread), to get a response after the lifters thread
            // has finished we pass in a Handler that will be notified when it completes
            chuckNorris = new HeavyLifter(this, chuckFinishedHandler);
    
        }
    
    
        @Override
        public void onClick(View v) {
            v.setEnabled(false);
            ((ImageView)findViewById(getIntent().getExtras().getInt("id"))).clearAnimation();
            ((ImageView)findViewById(getIntent().getExtras().getInt("id"))).setAnimation(animation1);
            ((ImageView)findViewById(getIntent().getExtras().getInt("id"))).startAnimation(animation1);
        }
        @Override
        public void onAnimationEnd(Animation animation) {
            int i = getIntent().getExtras().getInt("id");
            if (animation==animation1) {
                if (isBackOfCardShowing) {
                    ((ImageView)findViewById(i)).setImageResource(mImageIds[i]);
                } else {
                    ((ImageView)findViewById(i)).setImageResource(mBackIds[i]);
                }
                ((ImageView)findViewById(getIntent().getExtras().getInt("id"))).clearAnimation();
                ((ImageView)findViewById(getIntent().getExtras().getInt("id"))).setAnimation(animation2);
                ((ImageView)findViewById(getIntent().getExtras().getInt("id"))).startAnimation(animation2);
            } else {
                isBackOfCardShowing=!isBackOfCardShowing;
                findViewById(R.id.flip).setEnabled(true);
            }
        }
    
        @Override
        public void onAnimationRepeat(Animation animation) {
            // TODO Auto-generated method stub
    
        }
    
        @Override
        public void onAnimationStart(Animation animation) {
            // TODO Auto-generated method stub
    
        }
        @Override
        protected void onPostCreate(Bundle savedInstanceState) {
            super.onPostCreate(savedInstanceState);
    
            // Trigger the initial hide() shortly after the activity has been
            // created, to briefly hint to the user that UI controls
            // are available.
            delayedHide(100);
        }
    
        /**
         * Touch listener to use for in-layout UI controls to delay hiding the
         * system UI. This is to prevent the jarring behavior of controls going away
         * while interacting with activity UI.
         */
        View.OnTouchListener mDelayHideTouchListener = new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                if (AUTO_HIDE) {
                    delayedHide(AUTO_HIDE_DELAY_MILLIS);
                }
                return false;
            }
        };
    
        Handler mHideHandler = new Handler();
        Runnable mHideRunnable = new Runnable() {
            @Override
            public void run() {
                mSystemUiHider.hide();
            }
        };
    
        /**
         * Schedules a call to hide() in [delay] milliseconds, canceling any
         * previously scheduled calls.
         */
        private void delayedHide(int delayMillis) {
            mHideHandler.removeCallbacks(mHideRunnable);
            mHideHandler.postDelayed(mHideRunnable, delayMillis);
        }
    
        /**
         * Called from XML when the save wallpaper button is pressed
         * Thie retrieves the id of the current image from our list
         * It then asks chuck to save it as a wallpaper!
         * The chuckHandler will be called when this operation is complete
         * @param v
         */
    
        public void saveWallpaper(View v) {
             // get intent data
            Intent i = getIntent();
    
            // Selected image id
            int position = i.getExtras().getInt("id");
            ImageAdapter imageAdapter = new ImageAdapter(this);
    
    
         // Show a toast message on successful save
            if(chuckNorris.saveResourceAsWallpaper(imageAdapter.mThumbIds[position])){
                Toast.makeText(FullscreenActivity.this, "Image Saved to ZamaaanWallpaper folder", Toast.LENGTH_SHORT).show();
            }
            else{
                Toast.makeText(FullscreenActivity.this, "Image couldn't be saved, try again", Toast.LENGTH_SHORT).show();
            }
    
        }
    
        /**
         * Called from XML when the set wallpaper button is pressed
         * Thie retrieves the id of the current image from our list
         * It then asks chuck to set it as a wallpaper!
         * The chuckHandler will be called when this operation is complete
         * @param v
         */
        public void setAsWallpaper(View v) {
             // get intent data
            Intent i = getIntent();
    
            // Selected image id
            int position = i.getExtras().getInt("id");
            ImageAdapter imageAdapter = new ImageAdapter(this);
    
            chuckNorris.setResourceAsWallpaper(imageAdapter.mThumbIds[position]);
        }
    
        /**
         * This is the handler that is notified when are HeavyLifter is finished doing an operation
         */
        private Handler chuckFinishedHandler = new Handler(){
            @Override
            public void handleMessage(Message msg) {
                switch(msg.what){
                case SUCCESS:
                    Toast.makeText(FullscreenActivity.this, "Wallpaper set", Toast.LENGTH_SHORT).show();
                    break;
                case FAIL:
                    Toast.makeText(FullscreenActivity.this, "Wallper NOT set, try again", Toast.LENGTH_SHORT).show();
                    break;
                default:
                    super.handleMessage(msg);
                }
            }
        };
    
    
    
        }
    
    package me.zamaan.wallpaper;
    导入android.support.v4.view.PagerAdapter;
    导入android.support.v4.view.ViewPager;
    导入me.zamaan.wallper.util.SystemUiHider;
    导入android.annotation.TargetApi;
    导入android.app.Activity;
    导入android.content.Intent;
    导入android.os.Build;
    导入android.os.Bundle;
    导入android.os.Handler;
    导入android.os.Message;
    导入android.view.MotionEvent;
    导入android.view.view;
    导入android.widget.ImageView;
    导入android.widget.Toast;
    导入静态me.zamaan.wallper.HeavyLifter.FAIL;
    导入静态me.zamaan.wallper.HeavyLifter.SUCCESS;
    导入android.view.view.OnClickListener;
    导入android.view.animation.animation;
    导入android.view.animation.animation.AnimationListener;
    导入android.view.animation.AnimationUtils;
    导入java.util.ArrayList;
    导入java.util.List;
    /**一个助手类,将完成解码图像和实际设置壁纸的繁重工作*/
    /**
    *显示和隐藏系统UI(即。
    *具有用户交互功能的状态栏和导航/系统栏)。
    * 
    *@see SystemUiHider
    */
    公共类FullscreenActivity扩展活动实现OnClickListener、AnimationListener{
    /**
    *系统UI是否应在之后自动隐藏
    *{@link}自动隐藏{u延迟}毫秒。
    */
    私有静态最终布尔自动隐藏=真;
    二等兵查克诺里斯;
    私人动画1;
    私人动画2;
    私有布尔值isBackOfCardShowing=true;
    /*
    带有viewpager图像ID的数组
    */
    公共整数[]图像ID={
    R.drawable.background1,R.drawable.background2,
    R.drawable.background3,R.drawable.background4,
    R.drawable.background1,R.drawable.background2,
    R.drawable.background1,R.drawable.background2,
    R.drawable.background3,R.drawable.background4,
    R.drawable.background1,R.drawable.background2,
    R.drawable.background3
    };
    /*
    带有图像ID的数组,用于viewpager中每个图像的后翻转
    */
    公共整数[]mBackIds={
    R.drawable.splash,R.drawable.splash,
    R.drawable.splash,R.drawable.splash,
    R.drawable.splash,R.drawable.splash,
    R.drawable.splash,R.drawable.splash,
    R.drawable.splash,R.drawable.splash,
    R.drawable.splash,R.drawable.splash,
    R.drawable.splash
    };
    /**
    *如果设置了{@link#AUTO_HIDE},则等待的毫秒数
    *隐藏系统UI之前的用户交互。
    */
    专用静态最终int自动隐藏延迟=3000;
    /**
    *如果设置,将在交互时切换系统UI可见性。否则,
    *将在交互时显示系统UI的可见性。
    */
    私有静态最终布尔切换点击=真;
    /**
    *传递给{@link SystemUiHider#getInstance}的标志。
    */
    私有静态final int HIDER\u FLAGS=SystemUiHider.FLAG\u HIDE\u导航;
    /**
    *此活动的{@link SystemUiHider}实例。
    */
    私有系统隐藏在MSystemiHider中;
    /**
    *寻呼机小部件,处理动画并允许水平滑动以访问上一页
    *以及接下来的向导步骤。
    */
    私人寻呼机;
    /**
    *寻呼机适配器,为查看寻呼机小部件提供页面。
    */
    私人寻呼器;
    @凌驾
    创建时受保护的void(Bundle savedInstanceState){
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_全屏);
    animation1=AnimationUtils.loadAnimation(这个,R.anim.to_middle);
    animation1.setAnimationListener(这个);
    animation2=AnimationUtils.loadAnimation(这个,R.anim.from_middle);
    animation2.setAnimationListener(此);
    findviewbyd(R.id.flip).setOnClickListener(this);
    //循环通过ID创建全屏图像视图列表
    ImageAdapter ImageAdapter=新的ImageAdapter(此);
    列表图像=新的ArrayList();
    对于(int i=0;i