iOS 搭建一个App框架

主流的方式搭建一个App框架

先看效果图

底部按钮

UITabBarController实现底部按钮
本文章的内容为:学会搭建类似于QQ界面框架

第一步:设置窗口的主视图,在AppDelegate.m中didFinishLaunchingWithOptions:方法中将TabBarViewController的对象作为窗口主视图。(TabBarViewController是自己创建的一个类,同时继承UITabBarController)

 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
    //创建窗口,并初始化
    _window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];
    //创建一个TabBarViewController对象
    TabBarViewController * tabBar = [[TabBarViewController alloc]init];
    //将TabBarViewController对象作为窗口的根控制器
    _window.rootViewController = tabBar;
    //显示窗口
    [_window makeKeyAndVisible];
    return YES;
}

第二步:创建对应的控制器(UIViewController)
下图是我的文件结构目录
动态、联系人、消息文件就是对应的ViewController

这是我的文件结构

✨✨核心部分✨✨
当前搭建底部导航栏的主流方式
在TabBarViewController.m中

1.先导入头文件

#import "TabBarViewController.h"
#import "MessageViewController.h"
#import "ContactViewController.h"
#import "DynamicViewController.h"

2.以下是对应代码以及参数的释义

    //创建一个视图对象
    MessageViewController * messageView = [[MessageViewController alloc]init];
    /**
     * UITabBarItem类实现一个项目在UITabBar对象.
     * 也就是说UITabBar上的多个按钮其实就是UITabBarItem
     *
     * Title: tabBar上item的标题
     * image: tabBar上item普通状态下的图片
     * selectedImage: tabBar上item选中状态下的图片
     * imageWithRenderingMode: item的图片始终绘制为原始状态
     */
    UITabBarItem * messageItem = [[UITabBarItem alloc]initWithTitle:@"消息" image:[UIImage imageNamed:@"message"] selectedImage:[[UIImage imageNamed:@"message_press"] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    //将设置好的item赋值给视图上的tabBarItem
    messageView.tabBarItem = messageItem;
    //创建一个导航栏对象,将视图对象作为导航栏的根控制器
    UINavigationController * navMessage = [[UINavigationController alloc]initWithRootViewController:messageView];
    //设置视图的导航栏标题
    messageView.navigationItem.title = @"消息";
    //将导航栏对象作为子视图添加到TabBarController上
    [self addChildViewController:navMessage];

    //其他同理

拓展:也许懂得人会看得出,这样写代码的耦合性(代码重复性)很高,上面的代码是可以封装的,封装全文代码如下:

#import "TabBarViewController.h"
#import "MessageViewController.h"
#import "ContactViewController.h"
#import "DynamicViewController.h"
@interface TabBarViewController ()

@end

@implementation TabBarViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    [self setAllChildView];
}
-(void)setAllChildView
{
    //创建一个消息视图对象
    MessageViewController * messageView = [[MessageViewController alloc]init];
    [self addChildViewController:messageView tabBarItemTitle:@"消息" itemImgName:@"message" itemSelectedImgName:@"message_press"];
    
    //创建一个联系人视图对象
    ContactViewController * contactView = [[ContactViewController alloc]init];
    [self addChildViewController:contactView tabBarItemTitle:@"联系人" itemImgName:@"contact" itemSelectedImgName:@"contact_press"];
    
    //创建一个动态视图对象
    DynamicViewController * dynamicView = [[DynamicViewController alloc]init];
    [self addChildViewController:dynamicView tabBarItemTitle:@"动态" itemImgName:@"dynamic" itemSelectedImgName:@"dynamic_press"];
}
-(void)addChildViewController:(UIViewController *)viewController tabBarItemTitle:(NSString *)title itemImgName:(NSString *)itemImgName itemSelectedImgName:(NSString *)itemSelectedImgName{
    /**
     * UITabBarItem类实现一个项目在UITabBar对象.
     * 也就是说UITabBar上的按钮其实就是多个UITabBarItem对象组成的
     *
     * Title: tabBar上item的标题
     * image: tabBar上item普通状态下的图片
     * selectedImage: tabBar上item选中状态下的图片
     * imageWithRenderingMode: item的图片始终绘制为原始状态
     */
    UITabBarItem * messageItem = [[UITabBarItem alloc]initWithTitle:title image:[UIImage imageNamed:itemImgName] selectedImage:[[UIImage imageNamed:itemSelectedImgName] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]];
    //将设置好的item赋值给视图上的tabBarItem
    viewController.tabBarItem = messageItem;
    //创建一个导航栏对象,将视图对象作为导航栏的根控制器
    UINavigationController * navMessage = [[UINavigationController alloc]initWithRootViewController:viewController];
    //设置视图的导航栏标题
    viewController.navigationItem.title = title;
    //将导航栏对象作为子视图添加到TabBarController上
    [self addChildViewController:navMessage];
}

Demo地址: https://git.oschina.net/My_Ip/TabBarItem

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,607评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,047评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,496评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,405评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,400评论 5 364
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,479评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,883评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,535评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,743评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,544评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,612评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,309评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,881评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,891评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,136评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,783评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,316评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,364评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,010评论 4 62
  • 1.自由时间累积成认知盈余 发达国家:工作,睡觉,看电视 自由时间的激增和某种社会资产(人与人之间的信任与依靠)的...
    依米花1993阅读 441评论 0 0
  • 各位爸爸妈妈们,大家好! 又到了周末,昨天我和孩子们都讲好了,这周末就是复习《论语》的里仁篇。大部分孩子是挺自觉的...
    阳光温温阅读 324评论 0 3