仿微信图片视频查看器动画效果

最新推荐文章于 2023-02-03 15:06:50 发布

原创

最新推荐文章于 2023-02-03 15:06:50 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#图片查看器动画效果实现 #仿微信图片查看器动画

本文介绍了一个仿微信图片查看器的动画效果实现，包括弹出和下滑关闭的动画。通过设置参数实现模态弹出，并利用触摸事件回调`touchesBegan`和`touchesMoved`来创建拖拽动画。当拖动高度超过特定值时，关闭控制器。详情可参考GitHub上的demo：https://github.com/liranhao/PhotoViewerTest。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

demo 地址https://github.com/liranhao/PhotoViewerTest

图片查看器弹出动画和下滑关闭查看器动画,仅供想学习这类动画的朋友学习

效果

可以使用模态的方式弹出查看器controller，为了使present的VC和当前VC在同一层级

我们设置一下这个参数

TestViewController *test = [[TestViewController alloc] init];
    test.modalPresentationStyle = UIModalPresentationOverCurrentContext;//具体意思参考https://blog.youkuaiyun.com/tianweitao/article/details/80314598
    test.definesPresentationContext = YES;//为了使present的VC和当前VC在同一层级
    [self.navigationController presentViewController:test animated:NO completion:^{
        [test show:self.smallView];
    }];

接下来就进入查看器页面，我们所用的拖动手势不是添加UIPinchGestureRecognizer拖拽手势

我们来使用toch event回调来实现拖拽动画

首先我们在- (void)touchesBegan里面判断是否拖拽的是我们想要拖拽的视图