美文网首页
仿Instagram双手放大图片效果, ItemZoomRecy

仿Instagram双手放大图片效果, ItemZoomRecy

作者: 桔子和猫 | 来源:发表于2019-06-22 16:30 被阅读0次

支持条目中的view放大缩小和跟手的RecyclerView, 仿Instagram图片流双手效果.
特点是支持图片, 视频, 或其他view. 使用极其简单, 只需设置需要跟手的id即可

github: https://github.com/x378320002/ItemZoomRecyclerView

项目中使用效果如下:

1561185385557.gif

(上面的项目下载地址:http://www.levect.com/page/dl, 扫描即可下载)

本demo示例实现的效果如下:

1561190053529.gif

使用方法:

1, 导入库或arr

第一种,将demo中主工程的libs文件夹中itemzoomrecy.aar直接拷贝到自己项目中, 在gradle中配置好此aar即可.

第二种,也可以直接将项目中lib库复制到自己的项目中, 这是个module, 直接依赖此module即可, 可以随意自定义代码.

2, 代码中使用极其简单, 只需当做正常recyclerview使用, 激活Instagram效果只需额外两句代码:

布局:

<android.support.constraint.ConstraintLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">
  
  <com.wzx.lib.ItemZoomRecycleView
      android:id="@+id/recycleview"
      android:layout_width="match_parent"
      android:layout_height="match_parent">
  </com.wzx.lib.ItemZoomRecycleView>
  
</android.support.constraint.ConstraintLayout>

java中:

      //获取到ItemZoomRecycleView, 其他用法和原生一样, 添加以下两句即可支持手势.
      recyclerView.setActivity(this);
      recyclerView.setOriId(R.id.imageview); //条目中想要被放大的view

3, 项目依赖

因为自定义的RecyclerView, 所以只依赖RecyclerView, 请确保项目中能正常使用RecyclerView即可

Next

本文是基本的项目介绍, 下一篇介绍其实现原理.

相关文章

网友评论

      本文标题:仿Instagram双手放大图片效果, ItemZoomRecy

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