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

1.封裝的工具類,對外提供接口

#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;
// 這個類第一次使用的時候調用,而且只會調用一次
+ (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];
}

// 返回一個plist文件中RGB顏色
+ (UIColor *)skinToolWithLabelColor
{
    // 1.獲取對應plist文件名稱
    NSString *plistName = [NSString stringWithFormat:@"skin/%@/bgColor.plist",_skinColor];
    
    // 2.獲取對應plist文件路徑
    NSString *plistPath = [[NSBundle mainBundle] pathForResource:plistName ofType:nil];
    
    // 3.讀取plist文件
    NSDictionary *colorDict = [NSDictionary dictionaryWithContentsOfFile:plistPath];
    NSString *colorStr = colorDict[@"labelBgColor"];
    
    // 4.獲取顏色數組
    NSArray *colorArr = [colorStr componentsSeparatedByString:@","];
    
    // 5.讀取對應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.在第一個控制器中

- (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.在第二個控制器中

- (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