Android------實現圖片雙擊放大，縮小，左右滑動的多種方式

項目中常常有圖片瀏覽功能。像微信朋友圈圖片瀏覽，QQ空間照片瀏覽 的功能。

實現圖片雙擊放大，縮小，左右滑動等效果。

來看看我的效果圖，希望能滿足你的要求

 

 

 

前三個button按鈕是參考網上的多種實現方式，三種自定義圖片控件，

第4個是ViewPager實現圖片左右滑動

public class ViewPagerImageViewZQUI extends AppCompatActivity {


    ViewPager viewPager;


    private int[] mImgs = new int[] {
            R.mipmap.img1,
            R.mipmap.img2,
            R.mipmap.tour
    };
    ImageView[] mImageViews;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.viewpager_layout);
        initView();
    }

    private void initView(){
        mImageViews= new ImageView[mImgs.length];
        viewPager= (ViewPager) findViewById(R.id.img_viewpager);
        viewPager.setAdapter(new PagerAdapter() {

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                //可以使用其他的ImageView 控件，其他自定義控件，你也可以使用自己的哦
                TounChImageView tounChImageView=new TounChImageView(ViewPagerImageViewZQUI.this);
                try {
                    Picasso.with(ViewPagerImageViewZQUI.this).load(mImgs[position])
                            .placeholder(R.mipmap.img1)//默認顯示的圖片
                           // .resize(500,300)//控制圖片高度，不添加則自適應
                            .error(R.mipmap.ic_launcher)//加載時出現錯誤顯示的圖片
                            .into(tounChImageView);
                } catch (Exception e) {

                }
                //單擊返回
                tounChImageView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        finish();
                    }
                });

                container.addView(tounChImageView, LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.WRAP_CONTENT);
                mImageViews[position] = tounChImageView;
                return tounChImageView;
            }

            @Override
            public int getCount() {
                return mImgs.length;
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                container.removeView(mImageViews[position]);
            }
            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                return arg0 == arg1;
            }
        });
    }
}

 

第5個按鈕主要說的是 PhotoView  的多種使用方式，單張，旋轉，ViewPager，GridView等

由於界面太多，就沒上傳太多圖片，下載運行看效果即可。

 

代 碼 傳 送 門