[iOS微博项目 - 1.1] - 设置导航栏主题（统一样式）

A.导航栏两侧文字按钮

1.需求：

所有导航栏两侧的文字式按钮统一样式

普通样式：橙色

高亮样式：红色

不可用样式：亮灰

阴影：不使用

字体大小：15

 

github: https://github.com/hellovoidworld/HVWWeibo

 

2.实现效果

默认样式：

 

统一使用样式：

 

3.思路

• 在创建item的时候逐个设置：代码超级冗余
• 抽取创建公共父类：稍好的选择，但是继承了此公共父类的控制器，就不能操作其去继承系统自带的控制器类了，造成很大的隐患。iOS中控制器不建议提取公共父类，最好直接继承系统自带控制器。
• 使用主题appearance统一设置所有UIBarButtonItem的样式：采用！在自定义的UINavigationController的类初始化方法中实现一次，就可以改变所有使用了此类的BarButtonItem样式

 

4.实现

HVWNavigationViewController.m:

 /** 类初始化的时候调用 */
 + (void)initialize {
     // 初始化导航栏样式
     [self initNavigationBarTheme];

     // 初始化导航栏item样式
     [self initBarButtonItemTheme];
 }

 /** 统一设置导航栏item的样式
 * 因为是通过主题appearence统一修改所有NavivationBar的样式，可以使用类方法
 */
 + (void) initBarButtonItemTheme {
     // 设置导航栏，修改所有UINavigationBar的样式
     UIBarButtonItem *appearance = [UIBarButtonItem appearance];

     // 设置noraml状态下的样式
     NSMutableDictionary *normalTextAttr = [NSMutableDictionary dictionary];
     // 字体大小
     normalTextAttr[NSFontAttributeName] = [UIFont systemFontOfSize:];
     // 字体颜色
     normalTextAttr[NSForegroundColorAttributeName] = [UIColor orangeColor];
     // 设置为normal样式
     [appearance setTitleTextAttributes:normalTextAttr forState:UIControlStateNormal];

     // 设置highlighted状态下的样式
     NSMutableDictionary *highlightedTextAttr = [NSMutableDictionary dictionaryWithDictionary:normalTextAttr];
     // 字体颜色
     highlightedTextAttr[NSForegroundColorAttributeName] = [UIColor redColor];
     // 设置为normal样式
     [appearance setTitleTextAttributes:highlightedTextAttr forState:UIControlStateHighlighted];

     // 设置disabled状态下的样式
     NSMutableDictionary *disabledTextAttr = [NSMutableDictionary dictionaryWithDictionary:normalTextAttr];
     // 字体颜色
     disabledTextAttr[NSForegroundColorAttributeName] = [UIColor lightGrayColor];
     // 设置为normal样式
     [appearance setTitleTextAttributes:disabledTextAttr forState:UIControlStateDisabled];

 }

 

B.设置导航栏样式

1.需求：

• 统一显示文字颜色：黑色
• 文字阴影：禁止
• 字体大小：20

 

 

2.思路：同“A”

 

3.实现：

同“A"

HVWNavigationViewController.m:

 /** 统一设置导航栏样式 */
 + (void) initNavigationBarTheme {
     // 使用appearence（主题）设置，统一修改所有导航栏样式
     UINavigationBar *appearance = [UINavigationBar appearance];

     // 为了统一iOS6和iOS7，iOS6需要设置导航栏背景来模拟iOS7的效果
     if (!iOS7) {
         [appearance setBackgroundImage:[UIImage imageWithNamed:@"navigationbar_background"] forBarMetrics:UIBarMetricsDefault];
     }

     // 设置属性
     NSMutableDictionary *attr = [NSMutableDictionary dictionary];
     // 设置字体
     attr[NSForegroundColorAttributeName] = [UIColor blackColor];
     attr[NSFontAttributeName] = [UIFont systemFontOfSize:];
     // 消去文字阴影，设置阴影偏移为0
     NSShadow *shadow = [[NSShadow alloc] init];
     shadow.shadowOffset = CGSizeZero;
     attr[NSShadowAttributeName] = shadow;

     [appearance setTitleTextAttributes:attr];
 }