iOS 仿小红书抽屉效果

作者: 海边的遐想 | 来源:发表于2022-08-04 14:13 被阅读0次

最新项目中需要做一个类似小红书的侧滑抽屉效果,经过各种实验,发现MMDrawerController用着不错。
大致思路如下:
打开左边抽屉,按钮后左边push出一个新控制器,但是这个控制器仍然显示在左边的抽屉里的

1:用cocoapods pod MMDrawerController第三方
pod 'MMDrawerController'
2:在AppDelegate中 didFinishLaunchingWithOptions 方法中设置:


image.png

3:在希望弹出的viewcontroller中做相关的设置

pragma mark - Life Cycle Methods

  • (void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleLightContent;

    [self.mm_drawerController setOpenDrawerGestureModeMask:MMOpenDrawerGestureModePanningNavigationBar];
    }

  • (void)viewWillDisappear:(BOOL)animated{
    [super viewWillAppear:animated];
    [UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleDefault;
    //关闭抽屉模式
    [self.mm_drawerController setOpenDrawerGestureModeMask:MMOpenDrawerGestureModeNone];
    self.isReash = NO;

}

通过按钮的点击拉出抽屉效果:
[weakSelf.mm_drawerController toggleDrawerSide:MMDrawerSideLeft animated:YES completion:nil];

关闭抽屉效果:
//当我们push成功之后,关闭我们的抽屉
[self.mm_drawerController closeDrawerAnimated:YES completion:^(BOOL finished) {
//设置打开抽屉模式为MMOpenDrawerGestureModeNone,也就是没有任何效果。
[self.mm_drawerController setOpenDrawerGestureModeMask:MMOpenDrawerGestureModeNone];
}];
好了,简单的抽屉效果就实现了

相关文章

  • iOS 仿小红书抽屉效果

    最新项目中需要做一个类似小红书的侧滑抽屉效果,经过各种实验,发现MMDrawerController用着不错。大致...

  • iOS 仿QQ抽屉效果

    效果演示:效果图代码结构 项目地址:https://github.com/douxindong/Drawer-QQ...

  • iOS仿 QQ抽屉效果

    先来看看 QQ的效果 随着 QQ版本的更新QQ 抽屉效果也更新了好多次,现在的版本个人感觉是返璞归真,简约实用。先...

  • iOS高仿QQ录音、智能语音诗歌、高仿微信图片浏览源码

    iOS精选源码 好看实用的日期时间选择器--CCTimePicker 高仿QQ录音功能 QQ侧滑抽屉效果 MMAc...

  • Android自定义控件:打造自己的QQ空间主页

    前面已经实现过仿QQ的List抽屉效果以及仿QQ未读消息拖拽效果,具体请见:Android自定义控件:类QQ抽屉效...

  • 仿QQ抽屉效果

    仿QQ抽屉效果 效果展示: -QQ效果描述:QQ中的效果是侧滑的效果,当导航控制器从左侧画开的时候,左侧的视图也跟...

  • iOS 抽屉效果

    效果图 平时开发中经常会用到抽屉效果,关于抽屉的实现有许多三方库,读者可以根据需要选用,本节内容主要简单的实现一个...

  • iOS 抽屉效果

    抽屉效果思路: 三个View叠加,一个作为左View,一个作为右View,一个主View,在主View上添加拖动手...

  • iOS抽屉效果

    我们在用QQ时都会发现,消息列表向左滑动时,左侧的功能界面被显示出来,消息列表会拉到最右侧, 就像一个抽屉拉出来一...

  • ios抽屉效果

    #import @interfaceDragViewController :UIViewController @p...

网友评论

    本文标题:iOS 仿小红书抽屉效果

    本文链接:https://www.haomeiwen.com/subject/ngyywrtx.html