PhotoView的简单使用(在ViewPager里面的触摸处理)

前言
当对图片进行缩放操作时,这个第三方的PhotoView非常的简单好用。
使用之前我们必须添加仓库管理和依赖
Add this in your root build.gradle file (not your module build.gradle file

 maven { url "https://jitpack.io" }

然后, 添加到 module build.gradle里面(1.3.0 这是我知道的最新版本
官网居然这样:

dependencies {
compile 'com.github.chrisbanes:PhotoView:latest.release.here'
}

我也是醉了

 compile 'com.github.chrisbanes:PhotoView:1.3.0'

GitHub的源码网址:
https://github.com/chrisbanes/PhotoView
简单的ImageView使用
对于只是在一个图片布局上面展示有两个都非常简单的方法。
方法一
布局

    <ImageView  
        android:id="@+id/iv_main_pic"  
        android:layout_width="match_parent"  
        android:layout_height="match_parent"  
        android:layout_centerVertical="true"  
        />  

代码

ImageView img=(ImageView)findViewById(R.id.iv_main_pic);
PhotoViewAttacher attacher= new PhotoViewAttacher(img);

可见只要实例化PhotoViewAttacher 把img放入其中便可以
方法二
布局

 <uk.co.senab.photoview.PhotoView
        android:id="@+id/imgs"
        android:layout_width="match_parent"
        android:layout_height="120dp"
        android:background="@mipmap/ic_launcher"/>

代码

 PhotoView photoView= (PhotoView) findViewById(R.id.imgs);
        photoView.setImageResource(R.mipmap.ic_launcher);

这个更直接只要获取PhotoView的id并且设置布局图片便可以
在ViewPager中设置图片缩放
到这就会出现问题了因为由于viewpager的切换页面与photoview的放大缩小有时会有手势冲突.
当缩放到最小时会报出异常
所以我们要重写Viewpager通过里面 的onInterceptTouchEvent来解决该问题

 @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        try {
            return super.onInterceptTouchEvent(ev);
        } catch (IllegalArgumentException e) {
            //这里就是我们想要处理的问题
            e.printStackTrace();
            Log.e("TAG", "onInterceptTouchEvent: " );

            return false;
        }
    }

由于ViewPager被我们重写了所以此时布局里面得引用我们重写的布局

 <test.bawei.com.tupianosuofang.PhotoViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </test.bawei.com.tupianosuofang.PhotoViewPager>

test.bawei.com.tupianosuofang.PhotoViewPager是我的完整的包的名字。
引用时只需要写你自定义Viewpager的包名即可
到这里遇到问题基本就解决了
贴上完整的代码:
布局里

  <test.bawei.com.tupianosuofang.PhotoViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</test.bawei.com.tupianosuofang.PhotoViewPager>

代码中
自定义的ViewPager

public class PhotoViewPager extends ViewPager {

    public PhotoViewPager(Context context) {
        super(context);
    }

    public PhotoViewPager(Context context, AttributeSet attrs) {
        super(context, attrs);
    }
//重写该方法来解决冲突问题  test.bawei.com.tupianosuofang.PhotoViewPager(自定义布局的全名自己//类的名字)
    @Override
    public boolean onInterceptTouchEvent(MotionEvent ev) {
        try {
            return super.onInterceptTouchEvent(ev);
        } catch (IllegalArgumentException e) {
            //写自己要处理的error包括报错日志
            e.printStackTrace();
            Log.e("TAG", "onInterceptTouchEvent: " );

            return false;
        }
    }
}

主方法中

public class MainActivity extends AppCompatActivity {
    private List<View> list=new ArrayList<>();
    private PhotoViewPager pager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

//        PhotoView photoView= (PhotoView) findViewById(R.id.imgs);
//        photoView.setImageResource(R.mipmap.ic_launcher);
        pager = (PhotoViewPager) findViewById(R.id.viewpager);

        PhotoView p1 = new PhotoView(MainActivity.this);
        p1.setImageResource(R.drawable.b4);

        PhotoView p2= new PhotoView(MainActivity.this);
        p2.setImageResource(R.drawable.b4);

        PhotoView p3 = new PhotoView(MainActivity.this);
        p3.setImageResource(R.drawable.b4);
//        放入集合中
        list.add(p1);
        list.add(p2);
        list.add(p3);
        Myadapter myadapter = new Myadapter();
        pager.setAdapter(myadapter);
    }class Myadapter extends PagerAdapter{
        @Override
        public int getCount() {
            return list.size();
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {

            return view==object;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            container.addView(list.get(position));
            return list.get(position);
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView(list.get(position));
        }
    }

}

其实对于ViewPager和RaidGroup等带有滑动的布局我们只需要重写该布局来解决冲突问题即可。
更多问题可参考:http://www.jianshu.com/p/2a54f3762bfb
效果如下:
放大前

放大后

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值