RecyclerView + 九宫格图片 + ViewPager + PhotoView 实现列表图片点击放大并能缩放思路
2017-08-03 21:07
585 查看
首发地址:dongxi520.com
需求:在内容列表中点击图片列表显示大图并且可以双击放大缩小下文主要介绍思路,不一定是最好的,时间来不及能先实现效果就OK
使用 ListView 在 getView() 中获取数据并设置数据,然后通过 ListView 的 setOnClickListener 去完成点击事件
使用 RecyclerView 在 ViewHolder 中获取控件,在 onBindView 中去设置数据,在 recyclerView 的 adapter 中添加点击事件的接口完成点击事件
自己撸,思路:一张图片+九张图片(三张一排)的布局;通过判断返回的图片list去填充,如果返回1,则显示一张图片,九张图片的就隐藏;返回0则全部不显示。返回大于1,则通过双层for循环去给九张图中的每一个imageview去设置图片(里面是一个算法)。
开源库 Github 搜索九宫格就有,按照start 最多排序去选择
开源库:Github 搜索点击查看大图
自己撸:启动新的activity去展示,用Dialog去全屏显示。用activity展示,可以将图片的list以及点击的position传递给activity,list主要是想在activity用Viewpager去滑动展示图片,position是为了viewpager展示的时候是当前点击的图片位置。
自己撸:….脑子不够用了,还是用开源库吧
PhotoView:项目有点久,因为现在项目中有这个库,所以先用这个库来实现,具体用法去Github搜索。
//将图片装载到数组中
mImageViews = new PhotoView[mImagesList.size()];
需求:在内容列表中点击图片列表显示大图并且可以双击放大缩小下文主要介绍思路,不一定是最好的,时间来不及能先实现效果就OK
列表
可选的有 ListView 和 RecyclerView,这里主要就是列表数据的填充和展示使用 ListView 在 getView() 中获取数据并设置数据,然后通过 ListView 的 setOnClickListener 去完成点击事件
使用 RecyclerView 在 ViewHolder 中获取控件,在 onBindView 中去设置数据,在 recyclerView 的 adapter 中添加点击事件的接口完成点击事件
图片列表
可选的有 GitHub 开源库,自己撸自己撸,思路:一张图片+九张图片(三张一排)的布局;通过判断返回的图片list去填充,如果返回1,则显示一张图片,九张图片的就隐藏;返回0则全部不显示。返回大于1,则通过双层for循环去给九张图中的每一个imageview去设置图片(里面是一个算法)。
开源库 Github 搜索九宫格就有,按照start 最多排序去选择
大图
可选的有 GitHub 开源库,自己撸开源库:Github 搜索点击查看大图
自己撸:启动新的activity去展示,用Dialog去全屏显示。用activity展示,可以将图片的list以及点击的position传递给activity,list主要是想在activity用Viewpager去滑动展示图片,position是为了viewpager展示的时候是当前点击的图片位置。
双击放大缩小
可选的有 GitHub 开源库,自己撸自己撸:….脑子不够用了,还是用开源库吧
PhotoView:项目有点久,因为现在项目中有这个库,所以先用这个库来实现,具体用法去Github搜索。
//将图片装载到数组中
mImageViews = new PhotoView[mImagesList.size()];
// 将传递过来的list列表给PhotoView去展示 for(int i=0; i< mImagesList.size(); i++){ PhotoView view = new PhotoView(XXXActivity.this); view.isEnabled() ; // 支持缩放 view.setScaleType(ImageView.ScaleType.FIT_CENTER); // 图片裁剪的类别 mImageViews[i] = view; Glide.with(this).load(mImagesList.get(i)).into(view); }
相关文章推荐
- ImageView+ViewPager+PhotoView实现朋友圈图片点击全屏查看支持放大缩小
- 网络判断+xlistview上拉加载、下拉刷新+Tablayout +图片拖拽缩放+数据库存储 3、案例完成思路要求: 模块一:用fragment+viewpager+Tablayout实现页面
- 使用ViewPager和Photoview实现图片左右滑动和放大缩小
- Android 在viewPager中双指缩放图片双击缩放图片单指拖拽图片的实现思路
- [置顶] 简述如何嵌套使用Viewpager,点击图片放大查看图片,并且使用PhotoView进行图片处理
- 使用photoview+viewpager实现图片缩放切换(类似微信朋友圈图片查看)
- RecyclerView实现瀑布流,快速滑动,侧滑删除,点击图片放大等效果
- 在开发中实现点击 WebView 中的图片,调用原生控件放大展示
- Glide结合Recyclerview(也适用于Listview)实现列表滑动的时候图片不加载,滑动停止的时候加载(已修正Listview部分以及排版)
- 点击新闻条目跳转viewpager+photoview显示图片
- 非常简单实现底部导航栏中用RecyclerView实现轮播图(广告栏)(可点击)+列表子项
- ImageView里面的图片实现同时移动缩放旋转 photoView自定义
- Android ViewPager+PhotoView+Fragment 图片滑动缩小放大
- Android使用RecyclerView实现自定义列表、点击事件以及下拉刷新
- RecyclerView的初步使用(1)----代替ListView实现图片列表
- ViewPager:真正实现图片的无限轮播、自定义指示点和条目点击事件(支持长按暂停滚动)
- UI_如何实现点击图片之后放大,或缩放功能
- Android自定义ImageView实现图片缩放滑动,双击放大缩小,多点触控旋转,圆角矩形,圆形和仿刮刮卡效果
- ImageView 实现点击放大局部图片问题
- Android点击WebView中的图片实现缩放及滑动浏览