码迷,mamicode.com
首页 > 移动开发 > 详细

Android------实现图片双击放大,缩小,左右滑动的多种方式

时间:2017-12-24 11:22:39      阅读:444      评论:0      收藏:0      [点我收藏+]

标签: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------实现图片双击放大,缩小,左右滑动的多种方式

标签:rap   GridView   color   mob   find   appcompat   出现   网上   自适应   

原文地址:http://www.cnblogs.com/zhangqie/p/8087052.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!