QQ空间HD(6)-实现自定义的选项卡切换效果

DJTabbarButton.m

复制代码
#import "DJTabbarButton.h"

@implementation DJTabbarButton


- (instancetype)initWithFrame:(CGRect)frame {

    if (self = [super initWithFrame:frame]) {
        [self setBackgroundImage:[UIImage imageNamed:@"tabbar_separate_selected_bg"] forState:UIControlStateDisabled];
        self.imageView.contentMode = UIViewContentModeCenter;
        
        /* 设置当按钮不可用或高亮状态时不要修改图片 */
        self.adjustsImageWhenDisabled = NO;
        self.adjustsImageWhenHighlighted = NO;
//        self.backgroundColor = [UIColor greenColor];
    }
    return self;
}



- (void)layoutSubviews {

    [super layoutSubviews];
    
    if (DJLandscape) { // 横屏
        
        /* imageView */
        self.imageView.x = 0;
        self.imageView.y = 0;
        self.imageView.width = self.width * 0.4;
        self.imageView.height = self.height;
        
        /* titleLabel */
        self.titleLabel.hidden = NO;
        self.titleLabel.x = self.imageView.width;
        self.titleLabel.y = 0;
        self.titleLabel.width = self.width - self.imageView.width;
        self.titleLabel.height = self.height;
        
    } else { // 竖屏
    
        /* imageView */
        self.imageView.frame = self.bounds;
        /* titleLabel */
        self.titleLabel.hidden = YES;
    }
}



/* 设置按钮无高亮状态 */
- (void)setHighlighted:(BOOL)highlighted {


}


@end
复制代码

DJHomeViewController.m

复制代码
// 添加子控制器
- (void)setupChildViewControllers {

    for (int i = 0; i < 6; i++) {
        UIViewController *childVC = [[UIViewController alloc] init];
        childVC.view.backgroundColor = DJRandomColor;
        [self addChildViewController:childVC];
    }
}

- (void)replaceCurrentShowingController:(DJTabBarIndex)index {

    // 将当前显示的子控制器的View从界面上移除
    [self.showingChildVc.view removeFromSuperview];
    UIViewController *newShowingVc;
    switch (index) {
        case DJTabBarIndexAllStatus: // 全部动态
            newShowingVc = self.childViewControllers[0];
            break;
        case DJTabBarIndexWithMe: // 与我相关
             newShowingVc = self.childViewControllers[1];
            break;
        case DJTabBarIndexPhotoWall: // 照片樯
             newShowingVc = self.childViewControllers[2];
            break;
        case DJTabBarIndexPhotoFrame: // 电子相框
             newShowingVc = self.childViewControllers[3];
            break;
        case DJTabBarIndexFriend: // 好友
             newShowingVc = self.childViewControllers[4];
            break;
        case DJTabBarIndexMore: // 更多
             newShowingVc = self.childViewControllers[5];
            break;
    }
    
    newShowingVc.view.x = self.menuView.width;
    newShowingVc.view.y = 0;
    newShowingVc.view.width = self.view.width - self.menuView.width;
    newShowingVc.view.height = self.view.height;
    [self.view addSubview:newShowingVc.view];
    self.showingChildVc = newShowingVc;
    
}


- (void)updateSubViewFrameInLandscape {

    /* menuView */
    self.menuView.width = DJMenuViewLW;
    self.menuView.height = DJScreenLH;
    self.menuView.x = 0;
    self.menuView.y = 0;
    
    /* showingChildVc */
    self.showingChildVc.view.x = self.menuView.width;
    self.showingChildVc.view.y = 0;
    self.showingChildVc.view.width = DJScreenLW - self.menuView.width;
    self.showingChildVc.view.height = DJScreenLH;
    
}


- (void)updateSubViewsViewFrameInPortrait {

    /* menuView */
    self.menuView.width = DJMenuViewPW;
    self.menuView.height = DJScrrenPH;
    self.menuView.x = 0;
    self.menuView.y = 0;
    
    /* showingChildVc */
    self.showingChildVc.view.x = self.menuView.width;
    self.showingChildVc.view.y = 0;
    self.showingChildVc.view.width = DJScreenPW - self.menuView.width;
    self.showingChildVc.view.height = DJScrrenPH;
    
}
// 当屏幕方向将会发生改变时调用此方法
- (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration {
    
    if (UIInterfaceOrientationIsLandscape(toInterfaceOrientation)) { // 横屏
        [self updateSubViewFrameInLandscape];
    } else { // 竖屏
        [self updateSubViewsViewFrameInPortrait];
    }
    

    // 设置当前子控制器的View不拉伸
    self.showingChildVc.view.autoresizingMask = UIViewAutoresizingNone;
    
}
复制代码

最终效果:

 



如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,您的“推荐”将是我最大的写作动力!欢迎各位转载,但是未经作者本人同意,转载文章之后必须在文章页面明显位置给出作者和原文连接,否则保留追究法律责任的权利。
posted @   夜行过客  阅读(339)  评论(0编辑  收藏  举报
编辑推荐:
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
阅读排行:
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· 单线程的Redis速度为什么快?
· 展开说说关于C#中ORM框架的用法!
· Pantheons:用 TypeScript 打造主流大模型对话的一站式集成库
点击右上角即可分享
微信分享提示