美文网首页
主题方案

主题方案

作者: 迷路的安然和无恙 | 来源:发表于2019-02-22 17:13 被阅读4次

    主题方案

    • 方案一:通过原生接口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文件加载的,后期可以支持从服务端下载主题,本地读取。

    相关文章

      网友评论

          本文标题:主题方案

          本文链接:https://www.haomeiwen.com/subject/awlncqtx.html