百思不得姐框架分析(一)

百思不得姐框架分析(一)

2016-04-05      0 个评论    来源：不良少年  

收藏    我要投稿

一 框架效果图和原理图

1 框架的效果图:

2 根据总体的app的效果图,我们总结了采用的方案是:

—-> 采用主流的框架来搭建.

搭建效果图:

3 采用纯代码的形式来搭建框架(下面是设置窗口部分代码)

—-> 代码块一:

1 2 3

<code class="hljs erlang">- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{ }</code>

—-> 3.1 创建窗口

1 2	<code class="hljs objectivec">//1.创建窗口     self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];</code>

—-> 3.2 创建窗口的根控制器

1 2 3 4

<code class="hljs rust">//2.设置根控制器     //2.1 创建根控制器     XFJTabBarController *tabBarController = [[XFJTabBarController alloc] init];     self.window.rootViewController = tabBarController;</code>

—-> 3.3 显示窗口

1 2	<code class="hljs rust"> //显示窗口        [self.window makeKeyAndVisible];</code>

二 UITabBarController知识的补充

1 如何查看UITabBarController中有多少个子控制器?

—-> 解答:通过查看tabBar中有多少个按钮.

2 界面显示的时候,为什么默认切换到第0个控制器?

—-> 解答:直接将第0个子控件的view添加上去.

3 点击tabBar上面的按钮,UITabBarController的切换原理?

—-> 解答:点击下面的安妮,就会把对应子控制器view添加上去,移除上一个子控件的view

三 划分项目结构和自定义加载根控制器

vc思想来划分">1 根据tabBar上面的按钮,设置对应的控制器来管理对应的控制器的业务逻辑.(每个控制器的内部按MVC思想来划分)

系统的控制器是无法满足需求的所以我们自定义相应的控制器">2 自定义控制器(通过整个APP的整体结构,我们知道系统的控制器是无法满足需求的,所以我们自定义相应的控制器)

2.1 自定义控制器的好处:方便以后修改需求,如果有需求就直接找到对应的控制器修改就行

2.2 自定义UITabBarController用来管理控制器—>XFJTabBarController

四 添加控制器(由于添加控制器的代码比较多,我们直接抽一个方法,在该方法中直接添加控制器)

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26

<code class="hljs objectivec">#pragma mark - 添加子控制器 - (void)setUpAllChildController {     //设置导航控制器的子控制器     XFJEssenceViewController *essence = [[XFJEssenceViewController alloc] init];     //创建添加到UITabBarController的根控制器(为导航控制器)     UINavigationController *nav = [[UINavigationController alloc] initWithRootViewController:essence];     //添加控制器到装控制器的数组中     [self addChildViewController:nav];     // initWithRootViewController -> push     // 导航控制器会把栈顶控制器的view添加到上去     XFJNewViewController *new = [[XFJNewViewController alloc] init];     UINavigationController *nav1 = [[UINavigationController alloc] initWithRootViewController:new];     [self addChildViewController:nav1];     XFJPublishViewController *publish = [[XFJPublishViewController alloc] init];     [self addChildViewController:publish];     XFJFriendTrendsViewController *friendThrends = [[XFJFriendTrendsViewController alloc] init];     UINavigationController *nav3 = [[UINavigationController alloc] initWithRootViewController:friendThrends];     [self addChildViewController:nav3];     XFJMeViewController *me = [[XFJMeViewController alloc] init];     UINavigationController *nav4 = [[UINavigationController alloc] initWithRootViewController:me];     [self addChildViewController:nav4]; }</code>

五 添加tabBar中的按钮图片和标题(这里也抽出一个放方法来,用作添加标题和图片的方法)

1 添加的代码块:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

<code class="hljs avrasm">#pragma makr - 设置标题和图片 - (void)setUpWithTitle {     //拿到所有的子控制器     UINavigationController *nav = self.childViewControllers[0];     //设置对应的控制器的标题     nav.tabBarItem.title = @"精华";     //未被选中的图片     nav.tabBarItem.image = [UIImage imageNamed:@"tabBar_essence_icon"];     //添加选中的图片     nav.tabBarItem.selectedImage = [UIImage originalWithImage:@"tabBar_essence_click_icon"];     UINavigationController *nav1 = self.childViewControllers[1];     nav1.tabBarItem.title = @"新帖";     nav1.tabBarItem.image = [UIImage imageNamed:@"tabBar_new_icon"];     nav1.tabBarItem.selectedImage = [UIImage originalWithImage:@"tabBar_new_click_icon"];     UINavigationController *nav2 = self.childViewControllers[2];     nav2.tabBarItem.image = [UIImage imageNamed:@"tabBar_publish_icon"];     nav2.tabBarItem.selectedImage = [UIImage originalWithImage:@"tabBar_publish_click_icon"];     UINavigationController *nav3 = self.childViewControllers[3];     nav3.tabBarItem.title = @"关注";     nav3.tabBarItem.image = [UIImage imageNamed:@"tabBar_friendTrends_icon"];     nav3.tabBarItem.selectedImage = [UIImage originalWithImage:@"tabBar_friendTrends_click_icon"];     UINavigationController *nav4 = self.childViewControllers[4];     nav4.tabBarItem.title = @"我";     nav4.tabBarItem.image = [UIImage imageNamed:@"tabBar_me_icon"];     nav4.tabBarItem.selectedImage = [UIImage originalWithImage:@"tabBar_me_click_icon"]; }</code>

2 添加控制器的背景颜色(交给指定的控制器,让控制器自己管理颜色)

六 出现的问题

1 图片选中的图片被渲染了

—-> 解决办法:

—-> 1>直接在对应的图片上设置

—-> 2>用代码的方法设定

1.1 通过设置对应的图片

—-> 图一:

—-> 图二:

—-> 图三:

—-> 图四:

—-> 图五:

1.2 通过代码设置(我们封装一个分类来实现)

1 2 3 4 5 6 7 8

<code class="hljs objectivec">//根据一张传入的图片,返回一张未被渲染的图片 + (UIImage *)originalWithImage:(NSString *)imageName {     //传入一张图片     UIImage *image = [UIImage imageNamed:imageName];     //返回一张未被渲染的图片     return [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal]; }</code>

2 标题被渲染了

—-> 解决办法:直接用代码设置

—-> 2.1 通过拿到全局的tabBarItem来设置

1 2 3 4 5 6 7 8 9 10 11 12

<code class="hljs objectivec">#pragma mark - 设置选中的控制器的底部标题的字体不被渲染 - (void)setUpTabBarItemAttr {     //获取全局的tabBarItem     UITabBarItem *attr = [UITabBarItem appearance];     //创建一个字典,用字典来描述选中的字体颜色     NSMutableDictionary *dict = [NSMutableDictionary dictionary];     //设置选中字体的颜色     dict[NSForegroundColorAttributeName] = [UIColor blackColor];     [attr setTitleTextAttributes:dict forState:UIControlStateSelected]; }</code>

3 发布的按钮被遮住了

—-> 解决办法一:试着将发布按钮未被选中的状态图片设置为未被渲染的图片(确实可以解决)

—-> 解决后出现的问题:设置完后,点击发布按钮,发现不符合整个app的效果.这样不能解决问题.

4 解决办法二:自定义tabBar(明天介绍)

七 总结

1 以上只是百思不得姐的框架一,里面还有很多的问题没有被解决,后续我们将一 一解决,并且不断的完善百思不得姐的整个app,希望大家持续关注我的官方博客,有什么建议,麻烦大家多多留言,谢谢!!!!