iOS开发实现简单抽屉效果

 更新时间:2022年08月08日 10:48:47   作者:中二小苇  
这篇文章主要为大家详细介绍了iOS开发实现简单抽屉效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了iOS实现简单抽屉效果的具体代码,供大家参考,具体内容如下

抽屉效果的原理:其实就是把两个子控制器添加到一个RootViewController中,将子控制器的view添加到RootViewController的view上,然后改变子控制器view的frame实现抽屉的效果。

下面直接看看我自己写的一个小demo。

RootViewController.h

//两个子控制器leftView和midView
@property(nonatomic,weak)UIViewController *leftView;
@property(nonatomic,weak)UIViewController *midView;

RootViewController.m

- (void)viewDidLoad {
    [super viewDidLoad];

    //将leftView和midView添加到self中作为子控制器。将他们的view添加到self.view中
    [self addChildViewController:self.leftView];
    [self.view addSubview:self.leftView.view];
    [self addChildViewController:self.midView];
    [self.view addSubview:self.midView.view];

    //设置一个按钮点击实现抽屉效果
    UIButton *leftButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    leftButton.frame = CGRectMake(0, 50, 150, 150);
    [leftButton addTarget:self action:@selector(leftButtonPressed) forControlEvents:UIControlEventTouchUpInside];
    [leftButton setTitle:@"left" forState:UIControlStateNormal];
    [self.midView.view addSubview:leftButton];

}

-(void)leftButtonPressed
{
    //判断抽屉是否是展开状态
    if (self.midView.view.frame.origin.x == 0) {

        //通过动画实现view.fram的改变
        [UIView animateWithDuration:0.3 animations:^{
            /*  W  H  屏幕实际大小宏
             * #define ScreenWidth [UIScreen mainScreen].bounds.size.width
             * #define ScreenHeight [UIScreen mainScreen].bounds.size.height
            */
            self.leftView.view.frame = CGRectMake(0, 0, W, H);
            self.midView.view.frame = CGRectMake(200, 50, W, H-50*2);

        } completion:^(BOOL finished) {
        }];

    }else{

        [UIView animateWithDuration:0.3 animations:^{

            self.midView.view.frame = CGRectMake(0, 0, W, H);

        } completion:^(BOOL finished) {
        }];
    }
}

AppDelegate.m

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    LeftViewController *leftView = [[LeftViewController alloc] init];
    MidViewController *midView = [[MidViewController alloc]init];
    RootViewController *rootView = [[RootViewController alloc]init];
    rootView.leftView = leftView;
    rootView.midView = midView;
    self.window.rootViewController = rootView;
    [self.window makeKeyAndVisible];
    return YES;
}

运行代码,效果图如下:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • iOS图片拉伸的多种方式

    iOS图片拉伸的多种方式

    这篇文章主要为大家详细介绍了iOS图片拉伸的多种方式UIImageView整体拉伸和UIImage局部拉伸,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • IOS开发QQ空间/朋友圈类界面的搭建

    IOS开发QQ空间/朋友圈类界面的搭建

    本篇文章主要介绍了iOS开发之类似朋友圈的社交界面实现,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • IOS UITableView和NavigationBar的常用设置详解

    IOS UITableView和NavigationBar的常用设置详解

    这篇文章主要介绍了IOS UITableView和NavigationBar的常用设置详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • 详解IOS 单例的两种方式

    详解IOS 单例的两种方式

    这篇文章主要介绍了详解IOS 单例的两种方式的相关资料,希望通过本文大家能够理解掌握IOS 的两种单例的使用方法,需要的朋友可以参考下
    2017-09-09
  • IOS自带Email的两种方法实例详解

    IOS自带Email的两种方法实例详解

    这篇文章主要介绍了IOS自带Email的两种方法实例详解的相关资料,需要的朋友可以参考下
    2017-06-06
  • iOS11 WKWebView 无法加载内容的解决方法

    iOS11 WKWebView 无法加载内容的解决方法

    这篇文章主要介绍了iOS11 WKWebView 无法加载内容,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-11-11
  • iOS基础知识之@property 和 Ivar 的区别

    iOS基础知识之@property 和 Ivar 的区别

    这篇文章主要介绍了iOS基础知识之@property 和 Ivar 的区别介绍,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • 将多个字符串高亮显示之TTTAttributedLabel

    将多个字符串高亮显示之TTTAttributedLabel

    本文介绍了将多个字符串高亮显示之TTTAttributedLabel。在此需要对每个字符串进行匹配,可以研究下kmp和bm算法,在这里应用了oc自带的NSRegularExpression 来进行正则表达式匹配,算是比较简单的方法,需要的朋友可以参考下
    2015-07-07
  • iOS自定义时间滚动选择控件

    iOS自定义时间滚动选择控件

    这篇文章主要为大家详细介绍了iOS自定义时间滚动选择控件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-04-04
  • iOS学习教程之UIView中坐标转换详解

    iOS学习教程之UIView中坐标转换详解

    这篇文章主要给大家介绍了关于iOS UIView中坐标转换的相关资料,文中介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来跟着小编一起看看吧。
    2017-05-05

最新评论