iOS应用主题（图片，颜色）统一管理

// 2017.8.24 更新
进阶篇：再谈 Swift 换肤功能，看完该文后强烈建议看下进阶篇，彩蛋彩蛋彩蛋哦。

在我过去的一个多月里，发现很多不愉快的事情，导致 OpenGL SE系列的文章好久没有更新了，今天来分享下以前做的主题管理来做一个新开始，OpenGL SE的文章会继续坚持写下去，欢迎关注。

只需@3x图片

现在工作改做SDK后，发现很少和界面相关的东西打交道了，但做过APP的同学们都应该知道，为了适应各种屏幕的尺寸，图片资源需要提供@1x、@2x和@3x来适配屏幕界面，现在基本没有 1x屏幕的设备了，可以不用提供这个分辨率的图片了。但@2x和@3x可以说是重复的资源，这只会增大应用包的大小。

在这，我只使用@3x的图片来做适配：
先写在前面，iOS 8后系统自动会将@3x图片自动适配图片，也就是说你的应用不支持iOS 8以下系统的话，你可以直接使用@3x的资源就可以了，你可以直接跳过这一节。

这里为了实现换肤功能，所有的资源我都会存在Bundle里面，首先解释下，Bundle是静态的，作为一个资源包是不参加项目编译的，也就是说，bundle包中不能包含可执行的文件，它仅仅是作为资源，被解析成为特定的2进制数据。对于在iOS 8系统上会自动将@3x的资源自动适配后，我们只需要考虑iOS 8下的系统，这个时候我们只需要手动去重新绘制图片的大小（比较消耗性能的动作），实现如下：

Swift:

private func scaledImageFrom3x() -> UIImage {
        let locScale = UIScreen.mainScreen().scale
        let theRate: CGFloat = 1.0 / 3.0
        let oldSize = self.size
        let scaleWidth = CGFloat(oldSize.width) * theRate
        let scaleHeight = CGFloat(oldSize.height) * theRate
        var scaleRect = CGRectZero
        scaleRect.size.width = scaleWidth
        scaleRect.size.height = scaleHeight
        UIGraphicsBeginImageContextWithOptions(scaleRect.size, false, locScale)
        drawInRect(scaleRect)
        var newImage = UIImage()
        newImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return newImage
    }

OC:

- (UIImage *)scaledImageFrom3x
{
    float locScale = [UIScreen mainScreen].scale;
    
    float theRate = 2.0 / 3.0;
    UIImage *newImage = nil;
    
    CGSize oldSize = self.size;
    
    CGFloat scaledWidth = oldSize.width * theRate;
    CGFloat scaledHeight = oldSize.height * theRate;
    
    CGRect scaledRect = CGRectZero;
    scaledRect.size.width  = scaledWidth;
    scaledRect.size.height = scaledHeight;
    
    UIGraphicsBeginImageContextWithOptions(scaledRect.size, NO, locScale);
    
    [self drawInRect:scaledRect];
    
    newImage = UIGraphicsGetImageFromCurrentImageContext();
    
    UIGraphicsEndImageContext();
    
    if(newImage == nil) {
        NSLog(@"could not scale image");
    }
    return newImage;
}

换肤功能

换肤功能，其实就是图片和颜色等资源的切换，也就是说你有几套皮肤，就提供对应的几套资源，当切换皮肤的时候，切换资源访问的路径并发出要换肤的通知，当前界面监听换肤的通知后再去刷新界面就完成了换肤的功能了。
我们实现一个ThemeManager的主题管理类，应用的所有资源访问都通过这个类来实现统一管理，所有的主题基本上都是由颜色和资源（图片，音频，文本等）来决定的，所以换肤时只要更改主题颜色库（themeColors）和主题资源库（themeBundle），实现如下：

Swift:

class CPThemeManager: NSObject {
    
    private var themeStyle: CPThemeType?
    private var themeBundle: NSBundle?
    private var themeColors: Dictionary<String, AnyObject>?

    // MARK: 单例
    static let shareInstance = CPThemeManager()
    private override init() {}
}

OC：

static BTThemeManager * _themeManager = nil;

@interface BTThemeManager () {
    NSDictionary *_themeColors;
}

@property (nonatomic, strong) NSDictionary *themeColors;
@property (nonatomic, strong) NSBundle     *themeBundle;

@end

@implementation BTThemeManager

@synthesize themeStyle = _themeStyle;
@synthesize themeColors = _themeColors;

+ (BTThemeManager *)getInstance
{
    static dispatch_once_t onceToken;
    
    dispatch_once(&onceToken, ^{
        _themeManager = [[BTThemeManager alloc]init];
    });
    
    return _themeManager;
}

- (id) init
{
    if (self = [super init]) {}
    return self;
}

@end

上面也说了，换肤实质只是更换资源访问的路径，所以提供一个设置主题的方法来进行资源路径的设置（setThemeStyle），在重新设置完资源路径后，再对外发出更新界面的通知，实现如下：

Swift:

func setThemeStyle(themeStyle: CPThemeType) {
        
        //设置资源路径
        
        NSNotificationCenter.defaultCenter().postNotificationName("CPThemeChangeNotification", object: nil)
    }

OC:

- (void)setThemeStyle:(BTThemeType)themeStyle
{
    if (_themeStyle == themeStyle ) {
        return;
    }
    
    _themeStyle = themeStyle;
    
    //设置资源路径
    
    [[NSNotificationCenter defaultCenter] postNotificationName:BTThemeChangeNotification object:nil];
}

下面将说整个主题管理功能的最重要一步：监听主题的切换。

首先定义一个需要更新主题的协议方法：

Swift:

protocol CPThemeListenerProtocol {
    func CPThemeDidNeedUpdateStyle() -> Void
}

OC:

@protocol BTThemeListenerProtocol <NSObject>

- (void) BTThemeDidNeedUpdateStyle;

@end

然后在主题管理理里面添加一个注册监听主题切换方法：

Swift:

func addThemeListener(object: CPBaseViewController) {
    NSNotificationCenter.defaultCenter().addObserver(object,
                                                     selector:#selector(object.CPThemeDidNeedUpdateStyle),
                                                     name: "CPThemeChangeNotification",
                                                     object: nil)
}

func removeThemeListener(object: AnyObject) {
    NSNotificationCenter.defaultCenter().removeObserver(object)
}

因为Swift selector现在只能通过类名.方法名来设置，导致如果要使用则必须要继承一个基类，如果你们有更好的方法，求分享下。

OC：

- (void)addThemeListener:(id )obj
{
    if([obj respondsToSelector:@selector(BTThemeDidNeedUpdateStyle)]){
        [[NSNotificationCenter defaultCenter] addObserver:obj selector:@selector(BTThemeDidNeedUpdateStyle) name:BTThemeChangeNotification object:nil];
    }
    
}

- (void) removeThemeListener:(id)obj
{
    if (obj) {
        [[NSNotificationCenter defaultCenter] removeObserver:obj];
    }
}

最后在要实现主题切换的页面里添加主题管理类的监听切换方法，并实现协议的方法，把需要做主题切换的资源访问都放在这个方法里面，然后就搞定啦。搞了？好像少了点什么，还没有说如何去访问资源呢，这个我想大家都能自己去去实现，就是在基类里实现一个统一访问资源的方法：

- (void )BTThemeImage:(NSString *)imageName completionHandler:(void (^)(UIImage *image))handler;
{
    dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
        // 耗时的操作
        NSString *imagePath = [NSString stringWithFormat:@"image/%@",imageName];
        UIImage *image = nil;
        
        //通过资源路径去访问
        
        if (image == nil) {
            image = [UIImage imageNamed:imageName];
        }
        dispatch_async(dispatch_get_main_queue(), ^{
            // 更新界面
            handler(image);
        });
    });
}

写在最后：欢迎大家一起多交流多学习，有更好的想法实现什么的， 求分享~~~