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

2016-12-29 16:31:06 +08:00
 wangjialin
点击查看大图后 手指按住图片往下滑图片会缩小 慢慢回到朋友圈页面 是怎么做到的
嗯 刚发现
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
6106 次点击
所在节点    程序员
27 条回复
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
@moult 哈哈 没你看的细致
onionnews
2016-12-29 19:40:11 +08:00
Telegram 聊天界面的图片也是这样
fengwuer
2016-12-29 21:21:46 +08:00
iOS 系统相册也是这样。
ilaipi
2016-12-29 21:27:15 +08:00
这个功能和 iOS 系统相册查看照片是一样的
qgy18
2016-12-29 21:33:37 +08:00
生日快乐🎂
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
一个 pangesture 就搞定了,很简单的东西
free9fw
2016-12-30 00:52:08 +08:00
简单, gesture 或者自定义 controller 的 animation

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/331044

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX