美文网首页
viewpager + photoview 实现相册预览功能中遇

viewpager + photoview 实现相册预览功能中遇

作者: 吃泡面的猫儿 | 来源:发表于2016-10-30 16:31 被阅读0次

    项目中需要实现相册预览的功能.刚开始想在网上找一个成熟的第三方框架,但是姿势不足,没有找到.项目又比较敢时间,就自己想了个最简单的方案:viewpager+ photoview .

    photoview 是个成熟的图片放大,缩小,旋转的第三方控件.继承自imageview.非常好用.这里就不介绍它的用法了,网上很多.依赖为:com.github.chrisbanes:PhotoView:2.0.0'

    这个方案做下来,遇到了2个问题.
    一: viewpager的切换页面与photoview的放大缩小有时会有手势冲突.
    报错信息如下:

    java.lang.IllegalArgumentException: pointerIndex out of range
    10-30 16:08:35.116 2483-2483/com.handlecar.hcbusinessclient W/System.err:    at android.view.MotionEvent.nativeGetAxisValue(Native Method)
    10-30 16:08:35.116 2483-2483/com.handlecar.hcbusinessclient W/System.err:    at android.view.MotionEvent.getX(MotionEvent.java:2111)
    10-30 16:08:35.116 2483-2483/com.handlecar.hcbusinessclient W/System.err:    at android.support.v4.view.MotionEventCompatEclair.getX(MotionEventCompatEclair.java:32)
    10-30 16:08:35.116 2483-2483/com.handlecar.hcbusinessclient W/System.err:    at android.support.v4.view.MotionEventCompat$EclairMotionEventVersionImpl.getX(MotionEventCompat.java:110)
    

    经搜索后,找到问题原因和解决办法:
    多次触发触摸屏事件,导致对同一个事件处理的消息过多,当第一个消息已处理完事件并销毁事件时,由于该事件已销毁但还没来得及通知销毁第二个同样的消息,当主线程执行第二个消息时,由于获取不了该事件,所以抛出异常。解决:用try..catch..包围onTouch() 和 onInterceptTouchEvent()事件处理。
    简单理解就是2个控件对同一个MotionEvent出现了冲突.
    解决方法:
    自定义一个viewpager,重写它的onInterceptTouchEvent(MotionEventev)onTouchEvent(MotionEventevent)方法

    public class HackyViewPager extends ViewPager{
      private boolean isLocked;
      public HackyViewPager (Contextcontext) {
        super(context);
        isLocked=false;
      }
      public HackyViewPager(Contextcontext,AttributeSetattrs){
        super(context,attrs);
        isLocked=false;
      }
      @Override
      public boolean onInterceptTouchEvent(MotionEventev){
        if(!isLocked){
          try{
            return super.onInterceptTouchEvent(ev);
          }catch(IllegalArgumentException e){
            e.printStackTrace();
            return false;
          }
        }
        return false;
      }
      @Override
      public boolean onTouchEvent(MotionEventevent){
        return !isLocked&&super.onTouchEvent(event);
      }
      public void toggleLock(){
        isLocked= !isLocked;
      }
      public void setLocked(boolean isLocked){
        this.isLocked=isLocked;
      }
      public boolean isLocked(){
        return isLocked;
      }
    }
    

    二:viewpageradapter 调用notifyDataSetChanged()时不刷新页面.
    这篇文章给出非常详细的问题原因和解决办法
    有兴趣可以看看根本原因.反正刚开始学习Android的我来说是看不懂的.
    总之,解决办法也很简单.复制重写的notifyDataSetChanged()getItemPosition(Object object)到你自定义的继承PagerAdapter的类中即可.

    private class MyViewPagerAdapter extends PagerAdapter{
      private int mChildCount=0;
      @Override
      public void notifyDataSetChanged(){
        mChildCount=getCount();
        super.notifyDataSetChanged();
      }
      @Override
      public int getItemPosition(Object object){
        if(mChildCount>0){
          mChildCount--;
          return POSITION_NONE;
        }
        return super.getItemPosition(object);
      }
      @Override
      public int getCount(){
        return photoViewList.size();
      }
      @Override
      public boolean isViewFromObject(View view,Object object){
        return view==object;
      }
      @Override
      public void destroyItem(ViewGroup container,int position,Object object){
        container.removeView(photoViewList.get(position));
      }
      @Override
      public Object instantiateItem(ViewGroupcontainer,intposition){
        PhotoView photoView=photoViewList.get(position);
        if(loadedPhotos>0){
          photoView.setImageDrawable(newBitmapDrawable(null,photoCaches.get(urls.get(position))));
          mAttacher=new PhotoViewAttacher(photoView);
        }
        container.addView(photoView);
        return photoViewList.get(position);
      }
    }
    

    相关文章

      网友评论

          本文标题:viewpager + photoview 实现相册预览功能中遇

          本文链接:https://www.haomeiwen.com/subject/eeluuttx.html