iOS实践01

　　去年放假之前大概完成了新浪微博项目，到现在也忘得差不多了，打算在重新写一遍。之前的一些笔记在新浪的博客SleenXiu，在这主要是把新浪微博以随笔的形式写在这，方便以后的复习。

　　先看看之前主要完成的几个点，秒拍视频连接：http://video.weibo.com/show?fid=1034:32ed06b90b1bba7ba25cc546a06fa949

　　今天开始重新写一遍，在这记下来。

　　经典框架的搭建，所谓经典框架就是最底层为UITabBarController，管理几个UINavigationController，不同的UINavigationController又管理相应的VC。

　　1.在appdelegate中完成初步的框架搭建，我们需要一个自定义的UITabBarController，并成为window的根控制器。

 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
     // Override point for customization after application launch.

     // 设置窗口
     self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];

     // 初始化自己的tabbarController
     SVTabbarController *tabbar = [[SVTabbarController alloc] init];

     // 为窗口添加根控制器，
     self.window.rootViewController = tabbar;

     // 显示窗口
     [self.window makeKeyAndVisible];

     return YES;
 }

　　2.对文件进行分组，按照模块分，下面的MVC结构。

　　3.在自己的tabbarcontroller中为其添加子控制器[self addController]，为方法编写代码。（后面会对这段代码进行优化）

 // 添加子控制器
 - (void)addController
 {
     SVHomeController *homeVC = [[SVHomeController alloc] init];
     SVNavigationController *homeNav = [[SVNavigationController alloc] initWithRootViewController:homeVC];
     homeVC.title = @"首页";
     homeVC.tabBarItem.image = [UIImage imageNamed:@"tabbar_home_os7"];
     homeVC.tabBarItem.selectedImage = [UIImage imageNamed:@"tabbar_home_selected_os7"];
     [self addChildViewController:homeNav];

     SVHomeController *messageVC = [[SVHomeController alloc] init];
     SVNavigationController *messageNav = [[SVNavigationController alloc] initWithRootViewController:messageVC];
     messageVC.title = @"消息";
     messageVC.tabBarItem.image = [UIImage imageNamed:@"tabbar_message_center_os7"];
     messageVC.tabBarItem.selectedImage = [UIImage imageNamed:@"tabbar_message_center_selected_os7"];
     [self addChildViewController:messageNav];

     SVHomeController *discoverVC = [[SVHomeController alloc] init];
     SVNavigationController *discoverNav = [[SVNavigationController alloc] initWithRootViewController:discoverVC];
     discoverVC.title = @"发现";
     discoverVC.tabBarItem.image = [UIImage imageNamed:@"tabbar_discover_os7"];
     discoverVC.tabBarItem.selectedImage = [UIImage imageNamed:@"tabbar_discover_selected_os7"];
     [self addChildViewController:discoverNav];

     SVHomeController *meVC = [[SVHomeController alloc] init];
     SVNavigationController *meNav = [[SVNavigationController alloc] initWithRootViewController:meVC];
     meVC.title = @"我";
     meVC.tabBarItem.image = [UIImage imageNamed:@"tabbar_profile_os7"];
     meVC.tabBarItem.selectedImage = [UIImage imageNamed:@"tabbar_profile_selected_os7"];
     [self addChildViewController:meNav];
 }

基本效果已经有了

　　4.tabbar的导航不是想要的效果，删除系统自带的tabbaritem，添加自定义tabbar，[self addtabbar]。

 // 移除系统的tabbar，view将要出现的时候删除掉原有tabbar上所有的item
 - (void)viewWillAppear:(BOOL)animated
 {
     [super viewWillAppear:animated];

     for (UIView *child in self.tabBar.subviews) {
         if ([child isKindOfClass:[UIColor class]]) {
             [child removeFromSuperview];
         }
     }
 }
 // 增加自己的tabbar
 - (void)addTabbar
 {
     // 初始化自己的tabbar
     SVTabbar *tabbar = [[SVTabbar alloc] initWithFrame:self.tabBar.bounds];
     // 保存自己的tabbar
     self.mytabbar = tabbar;
     // 添加自己的tabbar
     [self.tabBar addSubview:tabbar];
     // 为tabbar添加代理
     tabbar.delegate = self;

 }

　　5.封装自己的tabbar，添加控件，自定义按钮item，完成跳转

　　5-1.添加控件，根据有多少个控制器添加相应个数的btn，而btn的相应值通过item进行传递，在tabbar中提供- (void)addBtnWithItem:(UITabbarItem)item;方法添加自己的item(btn)

 - (void)addBtnWithItem:(UITabBarItem *)item
 {
     // 初始化btn
     SVTabbarButton *btn = [[SVTabbarButton alloc] init];
     // 保存btn
     [self.tabbarBtns addObject:btn];
     // 赋值btn
     btn.item = item;
     // 添加btn
     [self addSubview:btn];
     // 为按钮绑定点击事件
     [btn addTarget:self action:@selector(selectedBtn:) forControlEvents:UIControlEventTouchUpInside];
     // 默认选中第一个
     if (self.tabbarBtns.count == ) {
         [self selectedBtn:btn];
     }
 }
 // 按钮的点击事件
 - (void)selectedBtn:(SVTabbarButton *)btn
 {
     // 通知代理
     if ([self.delegate respondsToSelector:@selector(tabbar:didSelectBtnFrom:to:)]) {
         [self.delegate tabbar:self didSelectBtnFrom:(int)self.currentBtn.tag to:(int)btn.tag];
     }
     // 设置tabbar的选中
     self.currentBtn.selected = NO;
     btn.selected = YES;
     self.currentBtn = btn;
 }
 // 布局按钮
 - (void)layoutSubviews
 {
     self.subviews[].center = CGPointMake(self.frame.size.width * 0.5, self.frame.size.height * 0.5);

     for (int index = ; index<self.tabbarBtns.count; index++) {
         SVTabbarButton *btn = self.tabbarBtns[index];

         CGFloat bW = self.frame.size.width/self.subviews.count;
         CGFloat bH = self.frame.size.height;
         CGFloat bX = index * bW;
         CGFloat bY = ;
         if (index>) {
             bX += bW;
         }
         btn.frame = CGRectMake(bX, bY, bW, bH);

         btn.tag = index;
     }
 }

　　5-2.自定义按钮，重新布局按钮的位置，并对按钮进行赋值数据，有四个控制器，所以重构添加控制器的方法，根据不同的控制器为相应属性赋值。

 // 重新布局btn内部的控件得到想要的效果
 - (instancetype)initWithFrame:(CGRect)frame
 {
     if (self = [super initWithFrame:frame]) {
         // 图片居中显示
         self.imageView.contentMode = UIViewContentModeCenter;
         // 文本居中显示
         self.titleLabel.textAlignment = NSTextAlignmentCenter;
         // 设置字体大小
         [self.titleLabel setFont:[UIFont systemFontOfSize:]];

         // 设置字体颜色
         [self setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
         [self setTitleColor:[UIColor orangeColor] forState:UIControlStateSelected];
     }
     return self;
 }
 // 重写item的set方法，对btn进行赋值
 - (void)setItem:(UITabBarItem *)item
 {
     _item = item;

     [self setTitle:item.title forState:UIControlStateNormal];
     [self setImage:item.image forState:UIControlStateNormal];
     [self setImage:item.selectedImage forState:UIControlStateSelected];
 }
 // 内部图片的位置
 - (CGRect)imageRectForContentRect:(CGRect)contentRect
 {
     CGFloat imageW = contentRect.size.width;
     CGFloat imageH = contentRect.size.height * 0.6;
     return CGRectMake(, , imageW, imageH);

 }
 // 内部文字的位置
 - (CGRect)titleRectForContentRect:(CGRect)contentRect
 {
     CGFloat titleY = contentRect.size.height * 0.6;
     CGFloat titleW = contentRect.size.width;
     CGFloat titleH = contentRect.size.height - titleY;
     return CGRectMake(, titleY, titleW, titleH);
 }
 // 去掉按钮的高亮状态
 - (void)setHighlighted:(BOOL)highlighted {}

　　5-3.完成点击按钮控制器的跳转，取消按钮高亮状态，默认选中第一的按钮，按钮绑定点击事件，为自定义的tabbar写代理，监听按钮点击跳转控制器

 @protocol SVTabbarDelegate <NSObject>
 @optional
 // 当tabbar上的按钮点击的时候会调用
 - (void)tabbar:(SVTabbar *)tabbar didSelectBtnFrom:(int)from to:(int)to;
 @end

 #pragma mark tabbar的代理方法
 - (void)tabbar:(SVTabbar *)tabbar didSelectBtnFrom:(int)from to:(int)to
 {
     self.selectedIndex = to;
 }

　　6.添加中间的加号按钮，位置固定所以直接一次设置就好

 - (instancetype)initWithFrame:(CGRect)frame
 {
     if (self = [super initWithFrame:frame]) {
         UIButton *plusBtn = [UIButton buttonWithType:UIButtonTypeCustom];

         [plusBtn setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button_os7"] forState:UIControlStateNormal];
         [plusBtn setBackgroundImage:[UIImage imageNamed:@"tabbar_compose_button_highlighted_os7"] forState:UIControlStateHighlighted];
         [plusBtn setImage:[UIImage imageNamed:@"tabbar_compose_icon_add_os7"] forState:UIControlStateNormal];
         [plusBtn setImage:[UIImage imageNamed:@"tabbar_compose_icon_add_highlighted_os7"] forState:UIControlStateHighlighted];
         plusBtn.frame = CGRectMake(, , plusBtn.currentBackgroundImage.size.width, plusBtn.currentBackgroundImage.size.height);

         [self addSubview:plusBtn];
     }
     return self;
 }

　　今天就先做这一点，基本大的框架就已经好了，明天修一下细节。