iOS程序框架设计之皮肤切换功能

原创
2015/08/21 23:54
阅读数 2.7W

iOS程序框架设计之皮肤切换功能

一、引言

        移动应用的开发中,有时我们会需要例如更换皮肤此类的功能,andorid采用xml配置UI的方式,这个问题或许还容易解决些,iOS的主要UI逻辑则是在代码中控制的,如果没有一个强大的框架方案,这个问题将变得非常棘手。网上也有很多诸如此类功能的优秀案例与框架,在这篇博客中,我与大家分享下我的解决方案,其中如果有不恰或者糟糕之处,希望与高人一起交流。

二、设计思路与框架

        首先我的设计思路是采用通知的方式,原理可以如下理解为以下几步:

        1、在系统的通知中心注册一个通知

        2、所有需要更改皮肤功能的controller作为这个通知的监听者

        3、设计一个皮肤的model类

        4、将controller中有关皮肤设置的属性从model中取

        5、在切换皮肤前更改皮肤model

        6、发送更改皮肤的通知

上面的6个步骤是这整个框架的基本逻辑,框架无非是将这些逻辑进行优化与封装。下面这张图很烂,但是思路很清晰:

        首先最上面是我设计的一个切换主题的manager,我这里的设计有个缺陷,我将manager和主题配置相关的model混合在了一起,写的时候简单了些,可这给框架的逻辑上带来了混乱,所以我在图中使用曲线和虚椭圆将其分离,manager来控制切换model的属性,我们在controller中取model的属性进行配置,这个manager的逻辑位置是交互时间与通知中心的桥梁。manager中的核心代码如下:

//单例方法
+(instancetype)sharedTheSingletion{
    static YHTopicColorManager * sharedModel = nil;
    static dispatch_once_t predicate;
    dispatch_once(&predicate, ^{
        sharedModel = [[YHTopicColorManager alloc] init];
    });
    return sharedModel;
}


//这个方法应该分离在model中,从本地读取当前的主题模式,更改后我们只需要更改本地数据 然后重新调用这个方法即可
-(void)getTopicModel{
    //从本地读取
    int  tp = [YHSASystemSettingManager sharedTheSingletion].topic;
    if (tp==0) {
        //默认为白天主题
        tp=dayTime;
        [YHSASystemSettingManager sharedTheSingletion].topic = tp;
    }
    switch (tp) {
    //这里是我定义的一些枚举,拿白天和夜间模式示范
        case dayTime://白天模式
        {
        //这里面定义一些白天模式下 控件的颜色属性 也可以定义其他
            _navColor=[UIColor colorWithRed:10/255.0 green:85/255.0 blue:160/255.0 alpha:1];
            _bgColor=[UIColor colorWithRed:1 green:1 blue:1 alpha:1];
            _btnColor=[UIColor colorWithRed:10/255.0 green:85/255.0 blue:160/255.0 alpha:1];
            _textColor=[UIColor colorWithRed:0 green:0 blue:0 alpha:1];
            _btnTextColor=[UIColor colorWithRed:1 green:1 blue:1 alpha:1];
            _navTextColor= [UIColor whiteColor];
        }
            break;
        case nightTime://夜间模式
        {
        //这里面定义夜间模式下的相关控件的颜色属性
            _navColor=[UIColor colorWithRed:10/255.0 green:85/255.0 blue:160/255.0 alpha:1];
            _bgColor=[UIColor colorWithRed:0 green:0 blue:0 alpha:1];
            _btnColor=[UIColor colorWithRed:10/255.0 green:85/255.0 blue:160/255.0 alpha:1];
            _textColor=[UIColor colorWithRed:1 green:1 blue:1 alpha:1];
            _btnTextColor=[UIColor colorWithRed:1 green:1 blue:1 alpha:1];
            _navTextColor= [UIColor whiteColor];
        }
            break;
        default:
            break;
    }
}
//发送更改主题的消息
+(void)postTopicChangeMessage{
    [[NSNotificationCenter defaultCenter]postNotificationName:YHTopicChangeTopicNotication object:nil];
}

        在manager调用通知中心发送通知后,我们要让所有需要改变主题的视图控制器都接收到通知,最简便的做法是,我们设计一个父类,让父类监听通知,所有需要有主题更改功能的控制器继承于它即可,这个father controller的核心代码如下:

//移除监听
-(void)dealloc{
    [[NSNotificationCenter defaultCenter]removeObserver:self];
}
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    //添加监听主题更换的通知
    [[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(useYHTopicToCreatViewWithModel) name:YHTopicChangeTopicNotication object:nil];
    
    //协议中的方法,加载主题 一会再说
    [self useYHTopicToCreatViewWithModel];
}
//子类实现如下方法
-(void)useYHTopicToCreatViewWithModel{
    
}

        到目前,我们已经可以顺利接收到主题切换的通知,可是要所有子类都步伐一致的执行相同一个操作,我们可以通过一个协议来约定,这就是图中的主框架的protocol,这个协议中规定一个特定的方法,我们在父类中调用,子类中实现,当收到通知时,所有子类都将重新加载这个方法,如果我们将皮肤设置部分在这个方法中实现,那么正是我们想要的效果,所有皮肤设置都被重新加载了。协议如下:

/**
 *这里定义主题的风格
 */
typedef enum {
    dayTime=1,//白天
    nightTime//夜间
}YHTopicModel;
@protocol YHTopicProcotol <NSObject>
//所有可以更换主题的界面必须遵守这个协议调用并实现如下方法
//将视图中控件的颜色摄住部分全部放在这个方法中
@required
-(void)useYHTopicToCreatViewWithModel;
@end

        这时,就剩下我们这套逻辑的最后一步了,我们只需要将控件的颜色设置写在子类的协议方法中,并且,这些设置的数据来源于model这个模型,整个体系就完成了,子类实现方法如下:

-(void)useYHTopicToCreatViewWithModel{
//获取到模型
    YHTopicColorManager * model = [YHTopicColorManager sharedTheSingletion];
    //加载模型数据
    [model getTopicModel];
    //进行设置
    self.view.backgroundColor = model.bgColor;
    _schoolLabel.textColor = model.textColor;
    _phoneLabel.textColor = model.textColor;
    _secertLabel.textColor = model.textColor;
    _reWriteSecretLabel.textColor = model.textColor;
    _questionLabel.textColor = model.textColor;
    _answerLabel.textColor = model.textColor;
    _registBtn.backgroundColor = model.btnColor;
    [_registBtn setTitleColor:model.btnTextColor forState:UIControlStateNormal];
    
}

我简单写了一些界面,不论任何地方切换皮肤,所有界面效果都会改变:

切换夜间模式前:

 

                                   

开启夜间模式后:

 

                       

三、补充

        自己的思路实现更换主题的一种方法,真诚的想与志同道合的朋友交流开发经验,如果你想批评,点拨,交流或者是借鉴我的代码,Q316045346随时欢迎。

专注技术,热爱生活,交流技术,也做朋友。

——珲少 QQ群:203317592


 

 

展开阅读全文
打赏
2
117 收藏
分享
加载中
装饰者模式的实现👍
2017/03/31 22:33
回复
举报
顶一下,写在基类里面,确实通用性更强一点。实践中能发现更多问题,就会因此产生更优方案了。
2016/08/02 15:22
回复
举报

引用来自“Railgun”的评论

太复杂,不方便管理。比如如果要加入一个新主题
最好是做成可配置的,切换的时候直接加载不同的配置。
更简单粗暴的话,一个主题一个xib,切换的时候直接加载不同的xib

引用来自“珲少”的评论

这种方式就是可配置的,你只需要在manager中提前设置好样式即可
呃,好吧,之前没仔细看
2015/08/26 15:17
回复
举报

引用来自“Railgun”的评论

太复杂,不方便管理。比如如果要加入一个新主题
最好是做成可配置的,切换的时候直接加载不同的配置。
更简单粗暴的话,一个主题一个xib,切换的时候直接加载不同的xib

引用来自“lxw123”的评论

卧槽,牛x,加入有50个xib怎么办?大神
怎么简单怎么来…… 首先我不觉得复制粘贴50个界面的代码比改50个xib方便到哪里去 其次,我说用xib是在“简单粗暴”的前提下,不适合用xib的话,当然要用最优的解决方案。
2015/08/26 10:26
回复
举报
珲少博主

引用来自“Railgun”的评论

太复杂,不方便管理。比如如果要加入一个新主题
最好是做成可配置的,切换的时候直接加载不同的配置。
更简单粗暴的话,一个主题一个xib,切换的时候直接加载不同的xib
这种方式就是可配置的,你只需要在manager中提前设置好样式即可
2015/08/25 14:45
回复
举报
珲少博主

引用来自“MZHS”的评论

个人认为项目中最好少用通知,通知太多,1.难维护,你会忘记是否定义过这个通知 2.通知逻辑不直观,类似于goto,调试麻烦
这个通知是框架中的,对外界是透明的,使用中不需要做任何监听管理
2015/08/25 14:44
回复
举报
该评论暂时无法显示,详情咨询 QQ 群:912889742
太复杂,不方便管理。比如如果要加入一个新主题
最好是做成可配置的,切换的时候直接加载不同的配置。
更简单粗暴的话,一个主题一个xib,切换的时候直接加载不同的xib
2015/08/24 14:06
回复
举报
该评论暂时无法显示,详情咨询 QQ 群:912889742
该评论暂时无法显示,详情咨询 QQ 群:912889742
更多评论
打赏
15 评论
117 收藏
2
分享
返回顶部
顶部