iOS开发之实现一个APP界面框架

在上一篇博客中&＃xff0c;给大家介绍了一下我们传统的 APP 界面框架—标签导航的一些优缺点&＃xff0c;在这篇文章中我会来给大家演示&＃xff0c;如何用代码去实现这一框架。本次的实现我会分成俩部分来讲&＃xff0c;好了闲话少说&＃xff0c;接下来进入到开发阶段。

先来一张最终的效果图瞅一眼&＃xff1a;

接下来&＃xff0c;创建一个 Xcode 工程&＃xff0c;我取名叫做CoolFrame&＃xff0c;该项目我到时候会托管到 GitHub 上去维护&＃xff0c;地址我会在下一篇博文中给出。

根据上图的样式&＃xff0c;可以把界面分成三部分&＃xff1a;导航栏&＃xff0c;中间内容&＃xff0c;以及底部的TabBar。我们先从简单的中间内容开始编码做起&＃xff0c;这里我根据我底部有四个tabbar&＃xff0c;所以定义了四个UIViewController&＃xff0c;每个UIViewController很简单&＃xff0c;主要是为了能够区分我下方点击的是哪一个TabBarItem&＃xff0c;每个UIViewController中都用一个固定的英文字母显示在正中央&＃xff0c;这里就列举其中一个界面的代码&＃xff1a;

#import "FirstViewController.h"&＃64;interface FirstViewController ()&＃64;end&＃64;implementation FirstViewController
&＃64;synthesize label &＃61; _label;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.self.title &＃61; &＃64;"A";[self.view setBackgroundColor:[UIColor whiteColor]];[[self label] setFrame:CGRectMake(roundf(self.view.frame.size.width - 100)/2, roundf(self.view.frame.size.height - 100)/2, 100, 100)];[self.label setTextAlignment:NSTextAlignmentCenter];[self.label setFont:[UIFont fontWithName:&＃64;"HiraKakuProN-W3" size:40.0f]];[self.label setText:&＃64;"A"];[self.view addSubview:[self label]];
}- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.
}- (UILabel *)label{if(!_label){_label &＃61; [[UILabel alloc] init];}return _label;
}&＃64;end


中间部分很简单&＃xff0c;接下来咱们来说说底部的 tabbar 是怎么实现的&＃xff0c;先来看下效果图&＃xff1a;

我来把效果图构造拆分成四个 UIButton 和一个 UIView ,这样是不是就很容易明白了&＃xff0c;UIView 作为一个背景框里面填补了四个按钮&＃xff0c;当我们选中其中一个按钮的时候中间就切换到对应的界面&＃xff0c;随后按钮的背景色也随之改变。当然&＃xff0c;在这里我们要实现的可以一个可以用作商业用途的框架&＃xff0c;所以说我们这里的按钮就不可能是 Xcode 给我们提供的按钮&＃xff0c;我们得需要自定义一个按钮&＃xff0c;这样才能让我们的 UI 更加的美观&＃xff0c;好了&＃xff0c;这里附上按钮的代码&＃xff1a;

//
// CustomTabBarItem.m
// CoolFrame
//
// Created by silicon on 2017/7/25.
// Copyright © 2017年 com.snailgames.coolframe. All rights reserved.
//#import "CustomTabBarItem.h"
#define RGB(r, g, b) [UIColor colorWithRed:(r)/255.f green:(g)/255.f blue:(b)/255.f alpha:1.f]
&＃64;implementation CustomTabBarItem- (id)initWithFrame:(CGRect)frame{self &＃61; [super initWithFrame:frame];if(self){[self commonInitialization];}return self;
}- (id)init{return [self initWithFrame:CGRectZero];
}- (void)commonInitialization{[self setBackgroundColor:[UIColor clearColor]];_title &＃61; &＃64;"";_titlePositionAdjustment &＃61; UIOffsetZero;_unselectedTitleAttributes &＃61; &＃64;{NSFontAttributeName: [UIFont systemFontOfSize:10],NSForegroundColorAttributeName: RGB(0, 0, 0)};_selectedTitleAttributes &＃61; [_unselectedTitleAttributes copy];_badgeBackgroundColor &＃61; [UIColor redColor];_badgeTextColor &＃61; [UIColor whiteColor];_badgeTextFont &＃61; [UIFont systemFontOfSize:12];_badgePositionAdjustment &＃61; UIOffsetZero;
}- (void)drawRect:(CGRect)rect{CGSize frameSize &＃61; self.frame.size;CGSize titleSize &＃61; CGSizeZero;CGSize imageSize &＃61; CGSizeZero;NSDictionary *titleAttribute &＃61; nil;UIImage *backgroundimage &＃61; nil;UIImage *image &＃61; nil;CGFloat imageStartingY &＃61; 0.0f;if([self isSelected]){image &＃61; [self selectedImage];backgroundimage &＃61; [self selectedBackgroundImage];titleAttribute &＃61; [self selectedTitleAttributes];if(!titleAttribute){titleAttribute &＃61; [self unselectedTitleAttributes];}}else{image &＃61; [self unselectedImage];backgroundimage &＃61; [self unselectedBackgroundImage];titleAttribute &＃61; [self unselectedTitleAttributes];}imageSize &＃61; [image size];CGContextRef context &＃61; UIGraphicsGetCurrentContext();CGContextSaveGState(context);[backgroundimage drawInRect:self.bounds];if(!_title){[image drawInRect:CGRectMake(roundf(frameSize.width / 2 - imageSize.width / 2) &＃43;_imagePositionAdjustment.horizontal,roundf(frameSize.height / 2 - imageSize.height / 2) &＃43;_imagePositionAdjustment.vertical,imageSize.width, imageSize.height)];}else{titleSize &＃61; [_title boundingRectWithSize:CGSizeMake(frameSize.width, 20)options:NSStringDrawingUsesLineFragmentOriginattributes:&＃64;{NSFontAttributeName: titleAttribute[NSFontAttributeName]}context:nil].size;imageStartingY &＃61; roundf((frameSize.height - imageSize.height - titleSize.height) / 2);[image drawInRect:CGRectMake(roundf(frameSize.width / 2 - imageSize.width / 2) &＃43;_imagePositionAdjustment.horizontal,imageStartingY &＃43; _imagePositionAdjustment.vertical,imageSize.width, imageSize.height)];CGContextSetFillColorWithColor(context, [titleAttribute[NSForegroundColorAttributeName] CGColor]);[_title drawInRect:CGRectMake(roundf(frameSize.width / 2 - titleSize.width / 2) &＃43;_titlePositionAdjustment.horizontal,imageStartingY &＃43; imageSize.height &＃43; _titlePositionAdjustment.vertical,titleSize.width, titleSize.height)withAttributes:titleAttribute];}CGContextRestoreGState(context);
}#pragma mark - Image configuration- (UIImage *)finishedSelectedImage{return [self selectedImage];
}- (UIImage *)finishedUnselectedImage{return [self unselectedImage];
}- (void)setFinishedSelectedImage:(UIImage *)selectedImage withFinishedUnselectedImage:(UIImage *)unselectedImage{if(selectedImage && selectedImage !&＃61; [self selectedImage]){[self setSelectedImage:selectedImage];}if(unselectedImage && unselectedImage !&＃61; [self unselectedImage]){[self setUnselectedImage:unselectedImage];}
}- (void)setBadgeValue:(NSString *)badgeValue{_badgeValue &＃61; badgeValue;[self setNeedsDisplay];
}#pragma mark - Background configuration- (UIImage *)backgroundSelectedImage{return [self backgroundSelectedImage];
}- (UIImage *)backgroundUnselectedImage{return [self backgroundUnselectedImage];
}- (void)setBackgroundSelectedImage:(UIImage *)selectedImage withUnselectedImage:(UIImage *)unselectedImage{if(selectedImage && selectedImage !&＃61; [self selectedBackgroundImage]){[self setSelectedBackgroundImage:selectedImage];}if(unselectedImage && unselectedImage !&＃61; [self unselectedBackgroundImage]){[self setUnselectedBackgroundImage:unselectedImage];}
}&＃64;end

搞定了按钮&＃xff0c;接下来就要把按钮聚集在一起&＃xff0c;所以需要写一个按钮容器视图&＃xff0c;不管有多少个按钮都可以让他们在这个容器中和谐的铺展开来&＃xff0c;并且在这个类中&＃xff0c;还要为按钮添加必要的响应事件&＃xff0c;容器视图也是作为一个子视图存在&＃xff0c;所以我们这边就定义一个 UIView 即可&＃xff0c;具体代码如下&＃xff1a;

#import
#include "CustomTabBarItem.h"
&＃64;protocol CustomTabbarDelegate;&＃64;interface CustomTarbar : UIView
&＃64;property (nonatomic, strong) id delegate;
&＃64;property (nonatomic, strong) NSArray *items;
&＃64;property (nonatomic, strong) CustomTabBarItem *selectedItem;
&＃64;property (nonatomic, strong) UIView *backgroundView;
&＃64;property (nonatomic) CGFloat itemWidth;
&＃64;property (nonatomic) CGFloat miniContentHeight;&＃64;end&＃64;protocol CustomTabbarDelegate - (BOOL)tabBar:(CustomTarbar *)tabBar shouldSelectItemAtIndex:(NSInteger)index;
- (void)tabBar:(CustomTarbar *)tabBar didSelectItemAtIndex:(NSInteger)index;&＃64;end


//
// CustomTarbar.m
// CoolFrame
//
// Created by silicon on 2017/7/25.
// Copyright © 2017年 com.snailgames.coolframe. All rights reserved.
//#import "CustomTarbar.h"&＃64;implementation CustomTarbar
&＃64;synthesize delegate &＃61; _delegate;
&＃64;synthesize items &＃61; _items;
&＃64;synthesize selectedItem &＃61; _selectedItem;
&＃64;synthesize backgroundView &＃61; _backgroundView;
&＃64;synthesize miniContentHeight &＃61; _miniContentHeight;
&＃64;synthesize itemWidth &＃61; _itemWidth;- (id)initWithFrame:(CGRect)frame{self &＃61; [super initWithFrame:frame];if(self){[self commonInitlization];}return self;
}- (id)init{return [self initWithFrame:CGRectZero];
}- (void)commonInitlization{self.backgroundView &＃61; [[UIView alloc] init];[self addSubview:self.backgroundView];
}- (void)layoutSubviews{CGSize framesize &＃61; self.frame.size;CGFloat height &＃61; self.miniContentHeight;[self.backgroundView setFrame:CGRectMake(0, framesize.height - height, framesize.width, framesize.height)];[self setItemWidth:roundf(framesize.width / self.items.count)];int index &＃61; 0;for (CustomTabBarItem *item in [self items]) {CGFloat itemHeight &＃61; item.itemHeight;if(!itemHeight){itemHeight &＃61; framesize.height;}[item setFrame:CGRectMake(self.itemWidth * index, framesize.height - height, self.itemWidth, itemHeight)];[item setNeedsDisplay];index&＃43;&＃43;;}
}#pragma mark - meathod
- (void)setItemWidth:(CGFloat)itemWidth{if(itemWidth > 0){_itemWidth &＃61; itemWidth;}
}- (void)setItems:(NSArray *)items{_items &＃61; items;for(CustomTabBarItem *item in items){[item addTarget:self action:&＃64;selector(tabBarItemWasSelected:) forControlEvents:UIControlEventTouchUpInside];[self addSubview:item];}
}- (CGFloat)miniContentHeight{CGFloat minimumConentHeight &＃61; CGRectGetHeight(self.frame);for (CustomTabBarItem *item in [self items]) {CGFloat height &＃61; [item itemHeight];if(height && height }#pragma mark -Item selection
- (void)tabBarItemWasSelected:(id)sender{if([[self delegate] respondsToSelector:&＃64;selector(tabBar:shouldSelectItemAtIndex:)]){NSInteger index &＃61; [self.items indexOfObject:sender];if(![[self delegate] tabBar:self shouldSelectItemAtIndex:index]){return;}}[self setSelectedItem:sender];if([[self delegate] respondsToSelector:&＃64;selector(tabBar:didSelectItemAtIndex:)]){NSInteger index &＃61; [self.items indexOfObject:self.selectedItem];[[self delegate] tabBar:self didSelectItemAtIndex:index];}
}- (void)setSelectedItem:(CustomTabBarItem *)selectedItem{if(selectedItem &＃61;&＃61; _selectedItem){return;}[_selectedItem setSelected:NO];_selectedItem &＃61; selectedItem;[_selectedItem setSelected:YES];
}&＃64;end

到这里&＃xff0c;我们的开发进度差不多已经完成了 50% &＃xff0c;但是我们的 App 还不能够顺利的运行起来&＃xff0c;因为我们还缺一个视图控制类&＃xff0c;我们前面开发完成了&＃xff1a;主要内容界面&＃xff0c;按钮以及存放按钮的容器&＃xff0c;但这些类别都是单独存在的&＃xff0c;我们需要一个组织者能够把他们串起来&＃xff0c;这就要求我们还要再开发一个控制器类&＃xff0c;那该如何下手呢&＃xff01;其实很简单&＃xff0c;因为我们的按钮有自己的点击事件&＃xff0c;只要能够告诉我们的控制器是哪个按钮点击了&＃xff0c;那我们不就可以去切换那妞&＃xff0c;控制去显示主界面了嘛&＃xff01;这里就要用到代理 Delegate 了( Ps: 你如果代码看的比较多&＃xff0c;就会发现这个模式简直就是无处不再&＃xff0c;太有用了), 触发按钮后通过代理&＃xff0c;控制器类就会知道是哪一个按钮被点击了&＃xff0c;很简单直接看代码&＃xff1a;


#import
#import "CustomTarbar.h"&＃64;protocol CustomTarBarControllerDelegate;&＃64;interface CustomTabBarController : UIViewController
&＃64;property (nonatomic, strong) id delegate;
&＃64;property (nonatomic, strong) CustomTarbar *customTarbar;
&＃64;property (nonatomic, strong) NSMutableArray *viewControllers;
&＃64;property (nonatomic, strong) UIViewController *selectedViewController;
&＃64;property (nonatomic, strong) UIView *contentView;
&＃64;property (nonatomic) NSUInteger selectIndex;
&＃64;property (nonatomic) BOOL tabbarHidden;- (void)setTabBarHidden:(BOOL)hidden animated:(BOOL)animated;&＃64;end&＃64;protocol CustomTarBarControllerDelegate
&＃64;optional
- (BOOL)tabBarController:(CustomTabBarController *)tabBarController shouldSelectViewController:(UIViewController *)viewController;- (void)tabBarController:(CustomTabBarController *)tabBarController didSelectViewController:(UIViewController *)viewController;&＃64;end


//
// CustomTabBarController.m
// CoolFrame
//
// Created by silicon on 2017/7/25.
// Copyright © 2017年 com.snailgames.coolframe. All rights reserved.
//#import "CustomTabBarController.h"
#import &＃64;interface CustomTabBarController ()&＃64;end&＃64;implementation CustomTabBarController
&＃64;synthesize delegate &＃61; _delegate;
&＃64;synthesize viewControllers &＃61; _viewControllers;
&＃64;synthesize selectIndex &＃61; _selectIndex;
&＃64;synthesize contentView &＃61; _contentView;
&＃64;synthesize customTarbar &＃61; _customTarbar;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.self.title &＃61; &＃64;"CoolFrame";[self.view addSubview:[self contentView]];[self.view addSubview:[self customTarbar]];}- (void)viewWillAppear:(BOOL)animated{[super viewWillAppear:animated];[self setSelectIndex:[self selectIndex]];[[self customTarbar] setSelectedItem:[[self.customTarbar items] objectAtIndex:0]];[self setTabBarHidden:NO animated:NO];
}- (void)didReceiveMemoryWarning {[super didReceiveMemoryWarning];// Dispose of any resources that can be recreated.
}#pragma -meathod- (void)setViewControllers:(NSMutableArray *)viewControllers{if(viewControllers && [viewControllers isKindOfClass:[NSMutableArray class]]){_viewControllers &＃61; viewControllers;NSMutableArray *tabBarItems &＃61; [[NSMutableArray alloc] init];for (UIViewController *viewController in viewControllers) {CustomTabBarItem *tabBarItem &＃61; [[CustomTabBarItem alloc] init];[tabBarItem setTitle:viewController.title];[tabBarItems addObject:tabBarItem];}[[self customTarbar] setItems:tabBarItems];}
}- (UIViewController *)selectedViewController{return [self.viewControllers objectAtIndex:self.selectIndex];
}- (void)setSelectIndex:(NSUInteger)selectIndex{if(selectIndex > [self.viewControllers count]){return;}_selectIndex &＃61; selectIndex;if(_selectedViewController){[_selectedViewController willMoveToParentViewController:nil];[_selectedViewController.view removeFromSuperview];[_selectedViewController removeFromParentViewController];}[self setSelectedViewController:[self.viewControllers objectAtIndex:_selectIndex]];[self addChildViewController:self.selectedViewController];[[self selectedViewController].view setFrame:self.contentView.bounds];[self.contentView addSubview:self.selectedViewController.view];[self.selectedViewController didMoveToParentViewController:self];
}- (UIView *)contentView{if(!_contentView){_contentView &＃61; [[UIView alloc] init];[_contentView setBackgroundColor:[UIColor whiteColor]];[_contentView setAutoresizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight];}return _contentView;
}- (CustomTarbar *)customTarbar{if(!_customTarbar){_customTarbar &＃61; [[CustomTarbar alloc] init];[_customTarbar setBackgroundColor:[UIColor clearColor]];[_customTarbar setAutoresizingMask:UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight];_customTarbar.delegate &＃61; self;}return _customTarbar;
}- (void)setTabBarHidden:(BOOL)hidden animated:(BOOL)animated{_tabbarHidden &＃61; hidden;CGSize viewSize &＃61; self.view.frame.size;CGFloat tabBarHeight &＃61; 49.0f;CGFloat tabBarY &＃61; viewSize.height;if(!hidden){tabBarY &＃61; viewSize.height - tabBarHeight;[[self customTarbar] setFrame:CGRectMake(0, tabBarY, viewSize.width, tabBarHeight)];[[self contentView] setFrame:CGRectMake(0, 0, viewSize.width, viewSize.height - tabBarHeight)];}}- (void)setTabbarHidden:(BOOL)tabbarHidden{[self setTabBarHidden:tabbarHidden animated:NO];
}#pragma -CustomTabbarDelegate- (BOOL)tabBar:(CustomTarbar *)tabBar shouldSelectItemAtIndex:(NSInteger)index{if (index > [self viewControllers].count) {return NO;}if([[self delegate] respondsToSelector:&＃64;selector(tabBarController:shouldSelectViewController:)]){if(![[self delegate] tabBarController:self shouldSelectViewController:[self viewControllers][index]]){return NO;}}if([self selectedViewController] &＃61;&＃61; [self viewControllers][index]){if([[self selectedViewController] isKindOfClass:[UINavigationController class]]){UINavigationController *selectController &＃61; (UINavigationController *)[self selectedViewController];if([selectController topViewController] !&＃61; [selectController viewControllers][0]){[selectController popToRootViewControllerAnimated:YES];return NO;}}return NO;}return YES;
}- (void)tabBar:(CustomTarbar *)tabBar didSelectItemAtIndex:(NSInteger)index{if(index <0 || index >&＃61; [self viewControllers].count){return;}[self setSelectIndex:index];
}&＃64;end

到这里&＃xff0c;还缺一个导航栏&＃xff0c;缺了咋办&＃xff0c;咱们来给他加上不就完事了嘛&＃xff01;首先定义一个类继承自 UINavigationBar &＃xff0c;这个类我用于控制导航栏的大小&＃xff0c;再创建一个继承自UINavigationController 的类&＃xff0c;控制我们的界面为竖屏&＃xff0c;具体的代码如下&＃xff1a;

#import "CustomNavBar.h"&＃64;implementation CustomNavBar{CGSize _previousSize;
}/*
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect {// Drawing code
}
*/- (CGSize)sizeThatFits:(CGSize)size{size &＃61; [super sizeThatFits:size];if([UIApplication sharedApplication].statusBarHidden){size.height &＃61; 64;}return size;
}- (void)layoutSubviews{[super layoutSubviews];if(CGSizeEqualToSize(self.bounds.size, _previousSize)){_previousSize &＃61; self.bounds.size;[self.layer removeAllAnimations];[self.layer.sublayers makeObjectsPerformSelector:&＃64;selector(removeAllAnimations)];}}&＃64;end


#import "CustomNavigationController.h"&＃64;implementation CustomNavigationController- (BOOL)shouldAutorotate{return YES;
}- (UIInterfaceOrientationMask)supportedInterfaceOrientations{return UIInterfaceOrientationMaskPortrait;
}- (UIInterfaceOrientation)preferredInterfaceOrientationForPresentation{return UIInterfaceOrientationPortrait;
}&＃64;end


最后&＃xff0c;把该需要的资源文件都导入到工程目录中来&＃xff0c;在我们的AppDelegate 中设置好&＃xff0c;AppDelegate 代码如下&＃xff1a;

#import "AppDelegate.h"#import "CustomNavigationController.h"
#import "CustomNavBar.h"#import "FirstViewController.h"
#import "SecondViewController.h"
#import "ThirdViewController.h"
#import "FouthViewController.h"#define NQFONT(v) [UIFont fontWithName:&＃64;"HiraKakuProN-W3" size:v]
#define RGB(r, g, b) [UIColor colorWithRed:(r)/255.f green:(g)/255.f blue:(b)/255.f alpha:1.f]
&＃64;interface AppDelegate ()&＃64;property (nonatomic, strong) FirstViewController *firstViewController;
&＃64;property (nonatomic, strong) SecondViewController *secondViewController;
&＃64;property (nonatomic, strong) ThirdViewController *thirdViewController;
&＃64;property (nonatomic, strong) FouthViewController *fouthViewController;
&＃64;property (nonatomic, strong) CustomTabBarController *tabBarController;&＃64;property (nonatomic, strong) CustomNavigationController *navController;&＃64;end&＃64;implementation AppDelegate- (void)setupViewControllers{if(!self.firstViewController){self.firstViewController &＃61; [[FirstViewController alloc] init];}if(!self.secondViewController){self.secondViewController &＃61; [[SecondViewController alloc] init];}if(!self.thirdViewController){self.thirdViewController &＃61; [[ThirdViewController alloc] init];}if(!self.fouthViewController){self.fouthViewController &＃61; [[FouthViewController alloc] init];}self.tabBarController &＃61; [[CustomTabBarController alloc] init];NSMutableArray *viewsArray &＃61; [[NSMutableArray alloc] initWithObjects:self.firstViewController,self.secondViewController,self.thirdViewController,self.fouthViewController, nil];[self.tabBarController setViewControllers:viewsArray];[self.tabBarController setSelectIndex:0];self.tabBarController.delegate &＃61; self;[self customizeTabBarForController:_tabBarController];if(!_navController){_navController &＃61; [[CustomNavigationController new] initWithNavigationBarClass:[CustomNavBar class] toolbarClass:[UIToolbar class]];[_navController pushViewController:_tabBarController animated:NO];}
}- (void)customizeTabBarForController:(CustomTabBarController *)tabBarController{UIImage *finishedImage &＃61; [UIImage imageNamed:&＃64;"tabbar_back_selected"];UIImage *unfinishedImage &＃61; [UIImage imageNamed:&＃64;"tabbar_back_normal"];NSArray *tabBarItemImages &＃61; &＃64;[&＃64;"latest",&＃64;"rank", &＃64;"contest", &＃64;"me"];NSArray *tabBarItemTitles &＃61; &＃64;[NSLocalizedString(&＃64;"新闻", nil),NSLocalizedString(&＃64;"直播", nil),NSLocalizedString(&＃64;"发现", nil), NSLocalizedString(&＃64;"我", nil)];NSInteger index &＃61; 0;for (CustomTabBarItem *item in [[tabBarController customTarbar] items]){[item setBackgroundSelectedImage:finishedImage withUnselectedImage:unfinishedImage];UIImage *selectedimage &＃61; [UIImage imageNamed:[tabBarItemImages objectAtIndex:index]];UIImage *unselectedimage &＃61; [UIImage imageNamed:[tabBarItemImages objectAtIndex:index]];[item setFinishedSelectedImage:selectedimage withFinishedUnselectedImage:unselectedimage];[item setTitle:[tabBarItemTitles objectAtIndex:index]];item.unselectedTitleAttributes&＃61; &＃64;{NSFontAttributeName: NQFONT(10), NSForegroundColorAttributeName: RGB(255, 255, 255),};item.selectedTitleAttributes &＃61; &＃64;{NSFontAttributeName: NQFONT(10), NSForegroundColorAttributeName: RGB(255, 255, 255),};index&＃43;&＃43;;}
}- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {// Override point for customization after application launch.self.window &＃61; [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];[self.window setBackgroundColor:[UIColor whiteColor]];[self setupViewControllers];[self.window setRootViewController:_navController];[self.window makeKeyAndVisible];return YES;
}


到这里&＃xff0c;我们的开发就算完成了&＃xff0c;一个简单的 App 界面框架就诞生了&＃xff0c;在接下来的几篇文章中&＃xff0c;我会对其不断的完善&＃xff0c;加上更多新的东西&＃xff0c;让其成为一个真正意义上的 App。

好了。祝大家生活愉快。多多收获友谊和爱情。如果想获取更多的讯息&＃xff0c;请扫描下方二维码关注我的微信公众号&＃xff1a;