• 換膚原理:
  • 1.切換背景圖片或者控件的背景色
  • 2.更改文字顏色
• 需用到偏好設(shè)置存儲(chǔ)上一次的設(shè)置
  • 需注意是如果程序意外退出,數(shù)據(jù)不會(huì)被系統(tǒng)寫入到該文件，不過可以使用［[NSUserDefaults standardUserDefaults] synchronize］命令直接同步到文件里棘脐，來避免數(shù)據(jù)的丟失。
• 更改控件的背景色用到plist存儲(chǔ)RGB顏色值
• 使用換膚要寫在控制器的viewWillAppear方法中贯底，避免換膚沒有起作用比如tabBarController
• 用到UIAppearance需要注意:
  • UIAppearance有個(gè)限制休建，就是如果想讓它生效袍镀，必須在下次裝載入app的主窗口時(shí)才能生效岗屏，所以辆琅，如果要通過UIAppearance動(dòng)態(tài)修改組件的屬性,那么可以把整個(gè)控制器的View先移到一邊,然后再添加到主窗口;

1.封裝的工具類,對(duì)外提供接口

#import <UIKit/UIKit.h>
#define skinColorKey @"skinColor"
@interface SkinTool : NSObject
+ (void)setSkincolor:(NSString *)skinColor;
+ (UIImage *)skinToolWithImageName:(NSString *)imageName;
+ (UIColor *)skinToolWithLabelColor;
@end

#import "SkinTool.h"
@implementation SkinTool

static NSString *_skinColor;
// 這個(gè)類第一次使用的時(shí)候調(diào)用,而且只會(huì)調(diào)用一次
+ (void)initialize
{
    NSString *value = [[NSUserDefaults standardUserDefaults] objectForKey:skinColorKey];
    if (value == nil) {
        value = @"red";
    }
    _skinColor = value;
}

+ (void)setSkincolor:(NSString *)skinColor
{
    _skinColor = skinColor;
    
    // 保存用戶選中的皮膚顏色
    [[NSUserDefaults standardUserDefaults] setObject:skinColor forKey:skinColorKey];
}
[[NSUserDefaults standardUserDefaults] synchronize];
// 返回一張圖片
+ (UIImage *)skinToolWithImageName:(NSString *)imageName
{
    // 拼接圖片路徑
    NSString *imagePath = [NSString stringWithFormat:@"skin/%@/%@",_skinColor,imageName];
    return [UIImage imageNamed:imagePath];
}

// 返回一個(gè)plist文件中RGB顏色
+ (UIColor *)skinToolWithLabelColor
{
    // 1.獲取對(duì)應(yīng)plist文件名稱
    NSString *plistName = [NSString stringWithFormat:@"skin/%@/bgColor.plist",_skinColor];
    
    // 2.獲取對(duì)應(yīng)plist文件路徑
    NSString *plistPath = [[NSBundle mainBundle] pathForResource:plistName ofType:nil];
    
    // 3.讀取plist文件
    NSDictionary *colorDict = [NSDictionary dictionaryWithContentsOfFile:plistPath];
    NSString *colorStr = colorDict[@"labelBgColor"];
    
    // 4.獲取顏色數(shù)組
    NSArray *colorArr = [colorStr componentsSeparatedByString:@","];
    
    // 5.讀取對(duì)應(yīng)RGB
    NSInteger red = [colorArr[0] integerValue];
    NSInteger green = [colorArr[1] integerValue];
    NSInteger blue = [colorArr[2] integerValue];
    return [UIColor colorWithRed:red / 255.0 green:green / 255.0 blue:blue / 255.0 alpha:1.0];
}

2.在第一個(gè)控制器中

- (void)viewDidLoad {
    [super viewDidLoad];
  
    [self changeImage];
    [self setLabelTextColorAndButtonTitleColor];
}

- (void)setLabelTextColorAndButtonTitleColor{
    UIColor *color = [SkinTool skinToolWithLabelColor];
    [[UIButton appearance] setTitleColor:color forState:UIControlStateNormal];
    [[UILabel appearance] setTextColor:color];
}

- (IBAction)changeRedColor:(id)sender {
    [SkinTool setSkincolor:@"red"];

    [self setLabelTextColorAndButtonTitleColor];
   
    [self.tabBarController.view removeFromSuperview];
    [[UIApplication sharedApplication].keyWindow addSubview:self.tabBarController.view];
    
    [self changeImage];
}

- (IBAction)changeGreenColor:(id)sender {
    [SkinTool setSkincolor:@"green"];
    [self setLabelTextColorAndButtonTitleColor];
    
    [self.tabBarController.view removeFromSuperview];
    [[UIApplication sharedApplication].keyWindow addSubview:self.tabBarController.view];

    [self changeImage];
}
- (IBAction)changeBlueColor:(id)sender {
    
    [SkinTool setSkincolor:@"blue"];
    [self setLabelTextColorAndButtonTitleColor];
    
    [self.tabBarController.view removeFromSuperview];
    [[UIApplication sharedApplication].keyWindow addSubview:self.tabBarController.view];

    [self changeImage];
}
- (IBAction)chageOrangecolor:(id)sender {
    [SkinTool setSkincolor:@"orange"];
    [self changeImage];

}
- (void)changeImage
{
    self.faceImageView.image = [SkinTool skinToolWithImageName:@"face"];
    self.heartImageView.image = [SkinTool skinToolWithImageName:@"heart"];
    self.rectImageView.image = [SkinTool skinToolWithImageName:@"rect"];
}

3.在第二個(gè)控制器中

- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    
    [self changeImages];
    self.testLabel.backgroundColor = [SkinTool skinToolWithLabelColor];
}
- (void)changeImages
{
    self.faceImageView.image = [SkinTool skinToolWithImageName:@"face"];
    self.heartImageView.image = [SkinTool skinToolWithImageName:@"heart"];
    self.rectImageView.image = [SkinTool skinToolWithImageName:@"rect"];
}

plist中RGB配置示例圖

test.png

測試效果如圖

demo.gif