微信朋友圈里 滑动大图缩放 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答术问题时复制粘贴 AI 生成的内容
wangjialin
V2EX    程序员

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

  •  
  •   wangjialin
    MAYDAY1993 2016-12-29 16:31:06 +08:00 6625 次点击
    这是一个创建于 3210 天前的主题,其中的信息可能已经有所发展或是发生改变。
    27 条回复    2016-12-30 18:52:47 +08:00
    Biwood
        1
    Biwood  
       2016-12-29 16:43:06 +08:00
    抄袭推特的查看大图功能
    Aidea
        2
    Aidea  
       2016-12-29 17:41:41 +08:00
    很多应用都有这种滑动退出的功能,相对于点击退出也不算方便吧。

    不过对于退出聊天里的视频倒是挺方便的,不用点击左上角那个×了。
    moult
        3
    moult  
       2016-12-29 18:23:44 +08:00
    估计长按的时候触发了 Force Touch 。很多地方 Force Touch 都有此类功能实现的。

    另,生日快乐(其实楼主只是想让我们回复这句话)
    ivanchou
        4
    ivanchou  
       2016-12-29 18:31:17 +08:00   1
    @moult 这个朋友圈应该不是楼主发的吧?所以并不是楼主的生日
    qwertyiuop
        5
    qwertyiuop  
       2016-12-29 18:38:30 +08:00
    @moult 会撩!
    jackwow
        6
    jackwow  
       2016-12-29 18:39:45 +08:00
    @moult 没有 Force Touch 的 iPhone 也可以做到这样的效果,所以和 Fore Touch 无关。
    kera0a
        7
    kera0a  
       2016-12-29 18:41:42 +08:00
    一个 pan 手势做不到么?
    moult
        8
    moult  
       2016-12-29 18:43:59 +08:00
    @ivanchou 他这个不是朋友圈截图,是通知中心。一开始我也以为是朋友圈别人发的,后来发现状态栏内容和手机自己的一致,所以肯定是通知中心的截图了。
    wangjialin
        9
    wangjialin  
    OP
       2016-12-29 18:45:53 +08:00
    @Biwood 没用过客户端 就觉得很稀奇

    @Aidea 是啊 体验不错

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

    @kera0a 没试过
    pexcn
        10
    pexcn  
       2016-12-29 18:51:55 +08:00
    我也觉得是抄袭了 twitter...
    ivanchou
        11
    ivanchou  
       2016-12-29 19:29:11 +08:00 via Android
    @moult 哈哈 没你看的细致
    onionnews
        12
    onionnews  
       2016-12-29 19:40:11 +08:00 via Android
    Telegram 聊天界面的图片也是这样
    fengwuer
        13
    fengwuer  
       2016-12-29 21:21:46 +08:00
    iOS 系统相册也是这样。
    ilaipi
        14
    ilaipi  
       2016-12-29 21:27:15 +08:00 via iPhone
    这个功能和 iOS 系统相册查看照片是一样的
    qgy18
        15
    qgy18  
       2016-12-29 21:33:37 +08:00 via iPhone
    生日快乐
    zjmdp
        16
    zjmdp  
       2016-12-29 21:40:09 +08:00
    IDMPhotoBrowser 这个库可以做到
    trythebest
        17
    trythebest  
       2016-12-29 21:43:40 +08:00
    翻墙看看外面的时候就知道了, youtube ,推特
    xdream86
        18
    xdream86  
       2016-12-30 00:03:26 +08:00
    计算出朋友圈那张小图相对于 window 的 frame
    手指下滑过程中,预览大图会根据下滑的偏移量,使用正弦余弦推导出旋转角度和缩放比例,类似 flickr iOS app.
    下滑松手的时候,将 window 上的大图以动画的方式缩放到目标 frame 位置,
    大图到达目标 frame,移除大图,并显示朋友圈那张小图
    lvlingsheng
        19
    lvlingsheng  
       2016-12-30 00:11:38 +08:00 via iPhone
    一个 pangesture 就搞定了,很简单的东西
    free9fw
        20
    free9fw  
       2016-12-30 00:52:08 +08:00
    简单, gesture 或者自定义 controller 的 animation
    DSKcpp
        21
    DSKcpp  
       2016-12-30 03:32:07 +08:00
    自定义的 controller animation
    mufeng
        22
    mufeng  
       2016-12-30 09:25:40 +08:00
    @Biwood iOS 9+ 的 API
    mufeng
        23
    mufeng  
       2016-12-30 09:26:58 +08:00
    UIPercentDrivenInteractiveTransition UIViewControllerAnimatedTransitioning
    Deeer
        24
    Deeer  
       2016-12-30 09:45:45 +08:00
    发现没有,他只能先下滑,然后才能上滑,和推特还有些不一样
    wangjialin
        25
    wangjialin  
    OP
       2016-12-30 10:13:24 +08:00
    @onionnews 待我下一个体验下


    @fengwuer @ilaipi 喔喔 才发现

    @qgy18 蟹蟹

    @zjmdp 待我有空研究下

    @trythebest 不懂墙外的世界

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

    @Deeer 对啊 只能往下滑才会收起 其他方向都不行 苹果手机相册大图就这样 应该是调用了接口吧 不知道安卓的啥体验
    learnshare
        26
    learnshare  
       2016-12-30 11:07:05 +08:00
    @moult 不是 Force Touch ,只是手势处理的
    Nutlee
        27
    Nutlee  
       2016-12-30 18:52:47 +08:00
    这个我注意过,国外的 APP 还有国内一些独立开发者的东西差不多都有这个,谈到手势就要提到 Tweetbot 的了.... 华丽....
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     949 人在   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 28ms UTC 20:08 PVG 04:08 LAX 13:08 JFK 16:08
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86