iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

时间:2023-03-09 06:47:19
iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

一.主界面横竖屏效果图

iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

二.主界面加载,

  • 初始化Dock(红色框的控件),判断程序启动时的屏幕方向.调用自己- (void)transitionToLandScape:(BOOL)isLandScape;方法,通知子控件屏幕方向改变,将此事件一直传递下去

iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

  • 程序运行过程中屏幕方向改变会调用- (void)viewWillTransitionToSize:(CGSize)size withTransitionCoordinator:(id<UIViewControllerTransitionCoordinator>)coordinator;(View将要过度到的尺寸) 方向改变后,同样要通知Dock,执行Dock的- (void)transitionToLandScape:(BOOL)isLandScape;屏幕方向改变,子控件同样要修改尺寸iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

三.Dock的初始化

  • Dock中的- (void)transitionToLandScape:(BOOL)isLandScape;方法中不仅要根据屏幕方向判断自己的尺寸,还要通知自己的子控件屏幕方向改变iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理
  • 构造方法内初始化子控件                                                                          iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

四.Dock子控件DockBottomView以及用block实现内部按钮的点击

  • DockBottomView内部有三个按钮组成,竖屏时,纵向排列,横屏时横向排列iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理构造方法中添加子控件,

    - (void)transitionToLandScape:(BOOL)isLandScape方法中根据屏幕方向布局子控件iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

  • block需要传递一个参数(被点击的按钮),按钮的类型(自己定义的枚举),按钮中的tag绑定了类型,外界通过判断按钮的类型,决定下一步的代码iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理
  • 外界通过判断按钮类型执行的代码
     // block实现底部按钮的点击
    - (void)blockWithBottomClick
    {
    self.dock.bottomView.itemBlock = ^(UIButton *button){ switch (button.tag) {
    case ChaosDockBottomItemTypeMood:
    {
    ChaosMoodViewController *moodVC = [[ChaosMoodViewController alloc] init]; UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:moodVC];
    nav.modalPresentationStyle = UIModalPresentationPageSheet; nav.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal; [self presentViewController:nav animated:YES completion:nil];
    }
    break;
    case ChaosDockBottomItemTypePhoto:
    {
    ChaosMoodViewController *moodVC = [[ChaosMoodViewController alloc] init]; UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:moodVC];
    nav.modalPresentationStyle = UIModalPresentationPageSheet; nav.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal; [self presentViewController:nav animated:YES completion:nil]; }
    break;
    case ChaosDockBottomItemTypeBlog:
    {
    ChaosMoodViewController *moodVC = [[ChaosMoodViewController alloc] init]; UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:moodVC];
    nav.modalPresentationStyle = UIModalPresentationPageSheet; nav.modalTransitionStyle = UIModalTransitionStyleFlipHorizontal; [self presentViewController:nav animated:YES completion:nil];
    }
    break;
    }
    };
    }

五.Dock中子控件ChaosTabBar,以及代理方法的实现

  • 添加子控件,子控件为自定义按钮,按钮内部实现下面两个方法可以实现内部image和title的自定义布局iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理
  • 代理的设计,内部需要将上次选中按钮的index和本次点击的按钮的index传递出去,方便外界切换对应的控制器或者viewiPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理
  • 外界代理的实现                                                                        iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理

六.Dock中的IconButton(头像),就一按钮,直接在外面给按钮添加点击事件                    iPad开发--QQ空间,处理横竖屏布局,实现子控件中的代理