主题方案

主题方案

• 方案一：通过原生接口UIAppearance（废弃）

凡是遵循UIAppearance协议的控件都可以在初始换后显示在界面之前通过调用这个UIAppearance来控制主题，如下，但是一旦View已经显示，此时再设置appearance无效，也就是一次性的买卖。

// 如使用方法
[UINavigationBar appearance].barTintColor = xxx;

虽然可以根据当前主题的标志位重新加载所有页面，但是成本比较高，况且如天猫淘宝的换肤，在没有重新加载所有页面的情况下也实现了换肤。

• 方案二

要解决的问题：

1.代码尽修改量少
2.侵入性小
3.支持图片、颜色、不同状态下的图片、颜色。如UIButton的 setImage:state;
4.可拓展

具体方法

给原生控件添加分类属性、方法

思路
1.主题更新之后，发送主题变更的通知，接收到通知需要更新主体颜色的控件都重走一遍颜色或者图片的set方法。

2.因为颜色、图片是需要随着主题进行更新的，所以这个Image和Color是变量，变量的值应该在主题发生变化后，跟随改变或者在执行set方法的时候根据当前的主题返回相应的值。

3.所以，如果给需要更新颜色或者图片的控件添加block属性，blcok返回值为一个颜色或者图片，但是block的调用是在主题变更之后，那么，block内就可以根据当前的主题，返回对应的颜色或者图片。

15440269752072.jpg 15440277249566.jpg

// 如，给UIView 添加一个block属性：
//  MARK: - UIView +
@interface UIView (Theme)
@property (nonatomic, copy) UPColor up_backgroundColor;
@end

//  MARK: - UIView +
@implementation UIView (Theme)
- (void)setUp_backgroundColor:(UPColor)up_backgroundColor {
    objc_setAssociatedObject(self, @selector(up_backgroundColor), up_backgroundColor, OBJC_ASSOCIATION_COPY_NONATOMIC);
    self.backgroundColor = up_backgroundColor(self.themeManager.themeVersion, ThemeColorTypeBg);
    NSString *selectorKey = [NSString stringWithFormat:@"setBackgroundColor:%ld", ThemeColorTypeBg];
    [self.pickers setValue:[up_backgroundColor copy] forKey:selectorKey];
}

- (UPColor)up_backgroundColor {
    return objc_getAssociatedObject(self, _cmd);
}

- (void)updateTheme {
    [self.pickers enumerateKeysAndObjectsUsingBlock:^(NSString * _Nonnull key, SDColor  _Nonnull obj, BOOL * _Nonnull stop) {
        NSArray *strs = [key componentsSeparatedByString:@":"];
        NSString *selStr = [NSString stringWithFormat:@"%@:", strs.firstObject];
        SEL sel = NSSelectorFromString(selStr);
        // 这里调用block获取当前颜色（block实现看下面）
        id result = obj(self.themeManager.themeVersion, [strs.lastObject integerValue]);
        [UIView animateWithDuration:0.3 animations:^{
            [self performSelector:sel withObject:result];
        }];
    }];
}

@end

// block定义
typedef UIColor *(^SDColor)(NSString *themeVersion, ThemeColorType colorType);

// block在调用时会根据当前主题和颜色类型返回对应的颜色值。
- (UPColor)colorPicker {
    return ^(NSString *themeVersion, ThemeColorType colorType) {
        __block UIColor *color = nil;
        [self.themes enumerateObjectsUsingBlock:^(UPTheme * _Nonnull obj, NSUInteger idx, BOOL * _Nonnull stop) {
            if ([obj.themeName isEqualToString:themeVersion]) {
                if (colorType == ThemeColorTypeBg) {
                    color = [UIColor colorWithHexString:obj.themeDetail.backgroundColor];
                }
                if (colorType == ThemeColorTypeText) {
                    color = [UIColor colorWithHexString:obj.themeDetail.textColor];
                }
                if (colorType == ThemeColorTypeBarText) {
                    color = [UIColor colorWithHexString:obj.themeDetail.barTextColor];
                }
                if (colorType == ThemeColorTypeBarTint) {
                    color = [UIColor colorWithHexString:obj.themeDetail.barTintColor];
                }
            }
        }];
        return color;
    };
}

针对上面的问题解决如下：
根据股票通现有的设计，所有的Controller基本上都继承自BaseController，70%以上的View是Controller的View或者是继承自UPBaseView，95%以上的Cell都继承自UPBaseTableViewCell,股票通的App主要是这两个构成，另外及时NavigationBar,UIButton,UITabBar还有UILabel。所以，只需要对Base对象设置相应主题颜色即可，代码修改不会很大。

另外，主题颜色是通过Plist文件加载的，后期可以支持从服务端下载主题，本地读取。