iOS 自定义选项卡控件(TabBar)的制作思路

简介: 其实 一般我在博客 针对控件这一块来说,是很少进行解说. 不过主要 TabBar 相对于其他控件的重要性要多得多,制作方面也要复杂一些. 为此,我专门写一篇教程,记录一下原理和思路.

其实 一般我在博客 针对控件这一块来说,是很少进行解说.

不过主要 TabBar 相对于其他控件的重要性要多得多,制作方面也要复杂一些.

为此,我专门写一篇教程,记录一下原理和思路.以供各路神仙参考!


OK,进入正文:

iOS 5以后 其实制作这类控件简单多了,  不需要自己去组织各个View 之间的切换.

第一点,原理:

TabBar它讲白了 也是View,只是在一个View上面暂时只显示一个View 根据用户选按决定显示哪个View

iOS5以后提供在ViewController内部直接填装其他子ViewController,代码如下:

[self addChildViewController:viewController];
这样写的好处是什么,为什么iOS5以后要这样添加呢? 参考下文,你就知道为什么:

http://blog.devtang.com/blog/2012/02/06/new-methods-in-uiviewcontroller-of-ios5/






那么针对系统下的UITabBarViewController 如何进行自定义呢?

默认的TabBarView高度是49 这里注意,不要尝试去修改这个高度以来展现更多的容器视图,总之这样怎么弄都弄不到你想要的效果.

原理方面是 将UITabBar 隐藏.  那么在 添加一个 自定义的UIView 到 UITabBarViewControllerView上面

这样这个UIView 就随便你什么开发了.

另外值得一提的是,当你Push到下一个视图时,你想隐藏你自己自定义的视图. 此时纠结了.

那么在我自己经过无数次尝试以后,得带以下代码,配合系统默认的 hidesBottomBarWhenPushed  也算是实现了.

原理则是,默认addSubView 到 根视图中,当要切换Push到新的视图的时候.再把自定义视图 addSubView到TabBarView上面. 连带着一起过去.


一:声明这个变量在第一次加载界面时不会有错乱的动画出现

@interface FESBHomeViewController ()
{
    BOOL _isFirstShowCoopTabBar;
}

二:在TabBarViewController 执行ViewDidLoad时  显示出自定义选项卡视图

- (void)viewDidLoad
{
    [super viewDidLoad];
    _isFirstShowCoopTabBar = YES;
    [self isHiddenTabBar:NO withViewController:nil];
}

三:核心切换自定义选项卡视图的代码

- (void)isHiddenTabBar:(BOOL)hidden withViewController:(UIViewController *)viewController
{
    if (!self.tabBar.hidden == hidden) {
        return;
    }
    [coopTabBarView removeFromSuperview];
    if (hidden) {
        [self.tabBar setHidden:NO];
        [coopTabBarView setFrame:self.tabBar.bounds];
        [self.tabBar addSubview:coopTabBarView];
        if (viewController != nil) {
            viewController.hidesBottomBarWhenPushed = YES;
        }
    }else
    {
        [self.tabBar setHidden:YES];
        [coopTabBarView setFrame:self.tabBar.frame];
        int statusBarHeight = 0;
        if (_isFirstShowCoopTabBar) {
            _isFirstShowCoopTabBar = NO;
            statusBarHeight = 20;
        }
        if (self.navigationController.viewControllers == nil) {
            coopTabBarView.Help_top -=statusBarHeight;
        }else
        {
            coopTabBarView.Help_top -=statusBarHeight+44;
        }
        [self.view addSubview:coopTabBarView];
    }
}


目录
相关文章
|
6月前
|
iOS开发 UED
实现一个自定义的iOS动画效果
【4月更文挑战第9天】本文将详细介绍如何在iOS平台上实现一个自定义的动画效果。我们将通过使用Core Animation框架来实现这个动画效果,并展示如何在不同的场景中使用它。文章的目标是帮助读者理解如何使用Core Animation框架来创建自定义动画,并提供一个简单的示例代码。
52 1
|
9天前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户点击按钮时,按钮将从圆形变为椭圆形,颜色从蓝色渐变到绿色;释放按钮时,动画以相反方式恢复。通过UIView的动画方法和弹簧动画效果,实现平滑自然的过渡。
23 1
|
18天前
|
Swift iOS开发 UED
如何使用Swift和UIKit在iOS应用中实现自定义按钮动画
【10月更文挑战第18天】本文通过一个具体案例,介绍如何使用Swift和UIKit在iOS应用中实现自定义按钮动画。当用户按下按钮时,按钮将从圆形变为椭圆形并从蓝色渐变为绿色;释放按钮时,动画恢复原状。通过UIView的动画方法和弹簧动画效果,实现平滑自然的动画过渡。
40 5
|
25天前
|
Swift iOS开发 UED
实现一个自定义的iOS动画效果
本文介绍如何使用Swift和UIKit在iOS应用中实现一个自定义按钮动画,当按钮被点击时,其颜色从蓝色渐变为绿色,形状从圆形变为椭圆形,释放后恢复原状。通过UIView动画方法实现这一效果,代码示例展示了动画的平滑过渡和状态切换,有助于提升应用的视觉体验和用户交互。
47 1
|
2月前
|
Swift iOS开发 UED
揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【9月更文挑战第5天】本文通过具体案例介绍如何在iOS应用中使用Swift与UIKit实现自定义按钮动画,当用户点击按钮时,按钮将从圆形变为椭圆形并从蓝色渐变到绿色,释放后恢复原状。文中详细展示了代码实现过程及动画平滑过渡的技巧,帮助读者提升应用的视觉体验与特色。
60 11
|
3月前
|
Swift iOS开发 UED
【绝妙创意】颠覆你的视觉体验!揭秘一款iOS应用中令人惊叹的自定义动画效果,带你领略编程艺术的魅力所在!
【8月更文挑战第13天】本文通过一个具体案例,介绍如何使用Swift与UIKit在iOS应用中创建独特的按钮动画效果。当按钮被按下时,其形状从圆形变化为椭圆形,颜色则从蓝色渐变为绿色;释放后,动画反向恢复原状。利用UIView动画方法及弹簧动画效果,实现了平滑自然的过渡。通过调整参数,开发者可以进一步优化动画体验,增强应用的互动性和视觉吸引力。
49 7
|
iOS开发
iOS多线程之NSOperationQueue-依赖、并发数、优先级、自定义Operation等最全的使用总结
iOS多线程之NSOperationQueue-依赖、并发数、优先级、自定义Operation等最全的使用总结
459 0
|
iOS开发
iOS 多个滚动控件嵌套Demo
iOS 多个滚动控件嵌套Demo
71 0
|
API iOS开发
iOS 自定义转场动画 UIViewControllerTransitioning
iOS 自定义转场动画 UIViewControllerTransitioning
91 0
|
iOS开发
iOS 常用的 上下左右 拉刷新控件
iOS 常用的 上下左右 拉刷新控件
103 0