天天看点

iOS 使用UI控件的外观协议UIAppearance进行设置默认UI控件样式

在iOS开发中,经常会对UINavigationBar的样式进行全局样式。采用的设置方式有两种:

第一种,采用方式如下:

[UINavigationBar appearance]      

这种是对一类对象的默认全局外观样式设置,它对设置时机有要求。

通常需要在UIWindow的viewlayout之前。错过了时机后,设置是没有效果的。

可以选择在下面方法内设置:

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

第二种,采用方式如下:

[self.navigationController.navigationBar setBarTintColor:[UIColor redColor]];      

这种是即时性的,设置后就会有效果。

第一种方式通过appearance使得UINavigationBar产生了全局默认样式,那么appearance是什么东西呢?

Appearance(外观协议)讲解

iOS 使用UI控件的外观协议UIAppearance进行设置默认UI控件样式

UIAppearance文件包含于UIKit框架中,该文件很短,包括注释加起来总共56行

点击去看看。

里面有一个宏定义和两个协议声明,分别如下:

1.宏定义:

#define UI_APPEARANCE_SELECTOR __attribute__((annotate("ui_appearance_selector")))      

由注释可知:凡是被这个宏标记的属性方法,都可以当用作全局样式的调用方法。

如:UIView的backgroundColor属性

@property(nullable, nonatomic,copy)            UIColor          *backgroundColor UI_APPEARANCE_SELECTOR; //      

2.外观容器协议:

@protocol UIAppearanceContainer <NSObject> @end      

这是个空协议,里面啥都没有

3.外观协议:

@protocol UIAppearance <NSObject>
//返回实现了此外观协议的UI控件实例,用这个返回的对象设置的属性是全局性。
+ (instancetype)appearance;
//返回实现了此外观协议的UI控件实例,用这个返回的对象设置的属性只对ContainerClass内部包裹的对象有效。
+ (instancetype)appearanceWhenContainedIn:(nullable Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION NS_DEPRECATED_IOS(5_0, 9_0, "Use +appearanceWhenContainedInInstancesOfClasses: instead") __TVOS_PROHIBITED;
//是iOS9之后的替代方法,作用和上面的一样。
+ (instancetype)appearanceWhenContainedInInstancesOfClasses:(NSArray<Class <UIAppearanceContainer>> *)containerTypes NS_AVAILABLE_IOS(9_0);
//是iOS8新增的方法,是对不同的布局方案(紧凑型,普通型)采用不同的外观样式
+ (instancetype)appearanceForTraitCollection:(UITraitCollection *)trait NS_AVAILABLE_IOS(8_0);
//与上面的方法相似,多了一个参数条件,只对ContainerClass内部包裹的对象有效。
+ (instancetype)appearanceForTraitCollection:(UITraitCollection *)trait whenContainedIn:(nullable Class <UIAppearanceContainer>)ContainerClass, ... NS_REQUIRES_NIL_TERMINATION NS_DEPRECATED_IOS(8_0, 9_0, "Use +appearanceForTraitCollection:whenContainedInInstancesOfClasses: instead") __TVOS_PROHIBITED;
//iOS9后的新方法,是对上面方法的替换。
+ (instancetype)appearanceForTraitCollection:(UITraitCollection *)trait whenContainedInInstancesOfClasses:(NSArray<Class <UIAppearanceContainer>> *)containerTypes  NS_AVAILABLE_IOS(9_0);
@end      

在上面代码中对里面定义的5个方法进行了说明。

遵守了这两个协议的类,可以进行同一默认外观设置,那么哪些类遵守了这两个协议了呢?

看一下UI控件的父类UIView

NS_CLASS_AVAILABLE_IOS(2_0) @interface UIView : UIResponder <NSCoding, UIAppearance, UIAppearanceContainer, UIDynamicItem, UITraitEnvironment, UICoordinateSpace, UIFocusItem, UIFocusItemContainer, CALayerDelegate>      

通过上面UIView的定义可以发现,UIView遵守了外观协议和外观容器协议。

也就是说所有的UI控件,只有其属性方法被UI_APPEARANCE_SELECTOR宏标示了,那么就可以进行全局外观

默认设置。

这里列一下UINavigationBar通常用的的全局设置。

//⚠️: 1与2互斥,且1的优先级高

//1.设置导航背景

UIImage *bg = [UIImage pureImageWithColor:[UIColor brownColor]];
[[UINavigationBar appearance] setBackgroundImage:bg forBarMetrics:UIBarMetricsDefault];      

//2.设置导航颜色

[[UINavigationBar appearance] setBarTintColor:[UIColor redColor]];      

//3.设置导航文字颜色

[[UINavigationBar appearance] setTintColor:[UIColor blueColor]];      

//4.设置导航字体

NSShadow *shadow = [[NSShadow alloc] init];
shadow.shadowColor = [UIColor colorWithRed:0.0 green:0.0 blue:0.0 alpha:0.8];
shadow.shadowOffset = CGSizeMake(0, 1);
[[UINavigationBar appearance] setTitleTextAttributes: [NSDictionary dictionaryWithObjectsAndKeys: [UIColor colorWithRed:245.0/255.0 green:245.0/255.0 blue:245.0/255.0 alpha:1.0], NSForegroundColorAttributeName, shadow, NSShadowAttributeName, [UIFont fontWithName:@"HelveticaNeue-CondensedBlack" size:21.0], NSFontAttributeName, nil]];      

//5.特定环境或某种场合下外观样式设置(水平紧凑型,UINavigationBar默认外观为粉色。)

[[UINavigationBar appearanceForTraitCollection:[UITraitCollection traitCollectionWithHorizontalSizeClass:UIUserInterfaceSizeClassCompact]] setBarTintColor:[UIColor purpleColor]];      

另外对UIButton的全局默认设置如下:

//让一类控件同时表现出某种属性

[[UIButton appearance] setBackgroundColor:[UIColor yellowColor]];
[[UIButton appearance] setTitle:@"同一设置" forState:UIControlStateNormal];      

//让一类控件在某种环境下表现出某种外观样式

[[UIButton appearanceWhenContainedInInstancesOfClasses:@[[UINavigationBar class]]] setTitle:@"比较特别" forState:UIControlStateNormal];
[[UIButton appearanceWhenContainedInInstancesOfClasses:@[[UINavigationBar class]]] setBackgroundColor:[UIColor redColor]];      

UI控件的默认全局设置方式符合预期。

那么iOS开发中,所有的UI控件都可以通过上面两种方法进行全局样式默认设置和自定义设置了。

iOS