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

標籤：rap   GridView   color   mob   find   appcompat   出現   網上   自適應   

項目中常常有圖片瀏覽功能。像朋友圈圖片瀏覽，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等

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

 代 碼 傳 送 門

 

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