微信朋友圈里滑动大图缩放

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

已注册用户请登录

这是一个创建于 2668 天前的主题，其中的信息可能已经有所发展或是发生改变。

点击查看大图后手指按住图片往下滑图片会缩小慢慢回到朋友圈页面是怎么做到的
嗯刚发现
https://cloud.githubusercontent.com/assets/14831051/21539632/9ba7b28e-cde3-11e6-93e0-34b4b5d34f45.PNG
https://cloud.githubusercontent.com/assets/14831051/21539645/acdc708a-cde3-11e6-953f-fd8722e264d9.PNG

图片

按住

滑动

手指

27 条回复 • 2016-12-30 18:52:47 +08:00

Biwood

2016-12-29 16:43:06 +08:00

抄袭推特的查看大图功能

Aidea

2016-12-29 17:41:41 +08:00

很多应用都有这种滑动退出的功能，相对于点击退出也不算方便吧。

不过对于退出聊天里的视频倒是挺方便的，不用点击左上角那个×了。

moult

2016-12-29 18:23:44 +08:00

估计长按的时候触发了 Force Touch 。很多地方 Force Touch 都有此类功能实现的。

另，生日快乐（其实楼主只是想让我们回复这句话）

ivanchou

2016-12-29 18:31:17 +08:00

@moult 这个朋友圈应该不是楼主发的吧？所以并不是楼主的生日

stnaw

2016-12-29 18:38:30 +08:00

@moult 会撩！

jackwow

2016-12-29 18:39:45 +08:00

@moult 没有 Force Touch 的 iPhone 也可以做到这样的效果，所以和 Force Touch 无关。

kera0a

2016-12-29 18:41:42 +08:00

一个 pan 手势做不到么？

moult

2016-12-29 18:43:59 +08:00

@ivanchou 他这个不是朋友圈截图，是通知中心。一开始我也以为是朋友圈别人发的，后来发现状态栏内容和手机自己的一致，所以肯定是通知中心的截图了。

wangjialin

2016-12-29 18:45:53 +08:00

@Biwood 没用过客户端就觉得很稀奇

@Aidea 是啊体验不错

@moult 噢当然不是我是来问问题的

@kera0a 没试过

pexcn

2016-12-29 18:51:55 +08:00

我也觉得是抄袭了 twitter...

ivanchou

2016-12-29 19:29:11 +08:00 via Android

@moult 哈哈没你看的细致

onionnews

2016-12-29 19:40:11 +08:00 via Android

Telegram 聊天界面的图片也是这样

fengwuer

2016-12-29 21:21:46 +08:00

iOS 系统相册也是这样。

ilaipi

2016-12-29 21:27:15 +08:00 via iPhone

这个功能和 iOS 系统相册查看照片是一样的

qgy18

2016-12-29 21:33:37 +08:00 via iPhone

生日快乐🎂

zjmdp

2016-12-29 21:40:09 +08:00

IDMPhotoBrowser 这个库可以做到

trythebest

2016-12-29 21:43:40 +08:00

翻墙看看外面的时候就知道了， youtube ，推特

xdream86

2016-12-30 00:03:26 +08:00

计算出朋友圈那张小图相对于 window 的 frame
手指下滑过程中，预览大图会根据下滑的偏移量，使用正弦余弦推导出旋转角度和缩放比例，类似 flickr iOS app.
下滑松手的时候，将 window 上的大图以动画的方式缩放到目标 frame 位置，
大图到达目标 frame,移除大图，并显示朋友圈那张小图

lvlingsheng

2016-12-30 00:11:38 +08:00 via iPhone

一个 pangesture 就搞定了，很简单的东西

free9fw

2016-12-30 00:52:08 +08:00

简单， gesture 或者自定义 controller 的 animation

DSKcpp

2016-12-30 03:32:07 +08:00

自定义的 controller animation

mufeng

2016-12-30 09:25:40 +08:00

@Biwood iOS 9+ 的 API

mufeng

2016-12-30 09:26:58 +08:00

UIPercentDrivenInteractiveTransition UIViewControllerAnimatedTransitioning

Deeer

2016-12-30 09:45:45 +08:00

发现没有，他只能先下滑，然后才能上滑，和推特还有些不一样

wangjialin

2016-12-30 10:13:24 +08:00

@onionnews 待我下一个体验下

@fengwuer @ilaipi 喔喔才发现

@qgy18 蟹蟹

@zjmdp 待我有空研究下

@trythebest 不懂墙外的世界

@xdream86 有道理
对中间楼说果然 v2 大神多这些词都没听过

@Deeer 对啊只能往下滑才会收起其他方向都不行苹果手机相册大图就这样应该是调用了接口吧不知道安卓的啥体验

learnshare

2016-12-30 11:07:05 +08:00

@moult 不是 Force Touch ，只是手势处理的

Nutlee

2016-12-30 18:52:47 +08:00

这个我注意过，国外的 APP 还有国内一些独立开发者的东西差不多都有这个，谈到手势就要提到 Tweetbot 的了.... 华丽....

微信朋友圈里 滑动大图缩放

微信朋友圈里滑动大图缩放