美文网首页
PhotoView+Viewpager切换下一页前一页恢复原本大

PhotoView+Viewpager切换下一页前一页恢复原本大

作者: jjswer | 来源:发表于2018-07-31 14:42 被阅读0次
            @Override
            public void onPageSelected(int position) {
               //获取子页面数量
                int childCount=mViewPager.getChildCount();
                for (int i=0;i<childCount;i++){
              //获取当前页面的view
                    View child=mViewPager.getChildAt(i);
       //获取当前页面中的PhotoView 
             PhotoView photoView=child.findViewById(R.id.prePhotoView);
                    if (photoView != null) {
              //获取photoView创建的PhotoViewAttacher
                        PhotoViewAttacher photoViewAttacher= (PhotoViewAttacher) photoView.getIPhotoViewImplementation();
               //通过photoViewAttacher设置缩放大小
              //第一个参数是获取photoViewAttacher自带的缩放大小最小值,第二个和第三个参数设置缩放中心
                        photoViewAttacher.setScale(photoViewAttacher.getMinimumScale(), 0f, 0f, true);
                    }
                }
            }

PhotoView使用:
引入依赖:

implementation 'com.github.chrisbanes:PhotoView:1.3.1'

build.gradle中加入:

allprojects {
    repositories {
        jcenter()
        maven { url "https://jitpack.io" }
    }
}

添加布局:


<uk.co.senab.photoview.PhotoView
  android:id="@+id/photoView"
  android:layout_width="180dp"
  android:layout_height="140dp"
  android:background="#333333"
  android:layout_marginLeft="20dp"
  />

设置点击事件:

          photoView.setOnPhotoTapListener(new PhotoViewAttacher.OnPhotoTapListener() {

                @Override
                public void onPhotoTap(View arg0, float arg1, float arg2) {
                 
                }

                @Override
                public void onOutsidePhotoTap() {
                }
            });

相关文章

  • PhotoView+Viewpager切换下一页前一页恢复原本大

    PhotoView使用:引入依赖: build.gradle中加入: 添加布局: 设置点击事件:

  • Vue单页上滑切页效果

    背景,移动端的h5项目,页面之间都是正常点击切换,金主爸爸要求某一页交互效果是:上滑切换到下一页,而且下一页会根据...

  • 使用JS编写常用功能

    一。按钮点击显示隐藏 简化代码: 二。上一页下一页切换 三。悬浮切换图片 四。全选 五。上传图片验证

  • 如何用JS实现轮播图

    简单介绍一下我们今天这个轮播图的功能: 自动切换图片,点击前一页,后一页切换图片,点击图片导航切换图片,划上图片暂...

  • pdfjs-dist/react-pdf 转图片文本内容显示丢失

    最近公司项目要求pdf文件转图片,通过上一页|下一页切换预览pdf的每一页,实现过程中发现某些pdf文件在转换为i...

  • vue封装分页组件

    需求 前台页面,只显示上一页下一页,总页数和当前页在另外一个地方显示,所以只需要封装上一页下一页的功能。上一页下一...

  • iOS导航条从无到有切换问题

    这样写有个问题,如果首页没有导航条,下一页有,切换tabbar的时候,这一页会有隐藏导航条的动画所以 应该加个判断

  • 翻页

    掀,覆,抚平 翻到书本的下一页 离,新,淡忘 翻到感情的下一页 爱,家,新生 翻到人生的下一页

  • 前端实现分页

    首页 上一页 下一页 末页 跳转 data ...

  • ios ~ 设置BaseViewcontroller:两种方法(

    首页跳转下一页的时候,push前隐藏底下的tabBar 注意:侧滑返回上一页(在基类的viewDidAppear中...

网友评论

      本文标题:PhotoView+Viewpager切换下一页前一页恢复原本大

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