主题切换

作者: hunterzhu | 来源:发表于2016-08-26 09:02 被阅读267次

主题切换在前几年很火的一个技术,俗称换肤!
今天我们来实现下这个主题是怎么切换的。
主体思路:
1.要求的图片名是一样的,换的是文件夹的名称,就是换的路径,所以要求的主题路径是不一样的。
2.创建一个工具类,根据plist文件找到对应的主题,实现图片路径的加载。并且创建一个对外的属性,就是切换的主题名。
3.监听切换的主题,对此发送通知,进行实时修改。
另外要导入的图片要真实的文件夹,图片名称一样,放在不同的文件夹下面。

上代码:
工具类:.h

//
//  StyleTools.h
//  ChangeStyle-Demo
//
//  Created by mac on 16/8/25.
//  Copyright © 2016年 mac. All rights reserved.
//

#import <Foundation/Foundation.h>
#import <UIKit/UIKit.h>
@interface StyleTools : NSObject

@property(nonatomic,copy)NSString *style;

+(instancetype)sharedManager;

-(UIImage *)getImageName:(NSString *)name;

@end

//
//  StyleTools.m
//  ChangeStyle-Demo
//
//  Created by mac on 16/8/25.
//  Copyright © 2016年 mac. All rights reserved.
//

#import "StyleTools.h"

static StyleTools *instance = nil;

@implementation StyleTools

+(instancetype)sharedManager{
    
    static dispatch_once_t onceToken;
    dispatch_once(&onceToken, ^{
        instance = [[StyleTools alloc] init];
    });
    return instance;
}


- (instancetype)init
{
//设置初始主题(这里可以保存在沙盒中,以防止下次取出的时候又回到初始主题,本人就没写了)
    self = [super init];
    if (self) {
        _style = @"村落";
    }
    return self;
}

-(NSString *)loadImagePath{
    //获取主题数据路径
    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"Theme" ofType:@"plist"];
    //字典
    NSDictionary *dic = [NSDictionary dictionaryWithContentsOfFile:filePath];
    //主题名
    NSString *styleName = [dic objectForKey:_style];
    
    //真实路径
    NSString *stylePath = [[[NSBundle mainBundle] resourcePath] stringByAppendingPathComponent:styleName];
    
    return stylePath;
}

-(UIImage *)getImageName:(NSString *)imageName{
    
    //
    NSString *stylePath = [self loadImagePath];
    //图片的路径
    NSString *imagePath = [NSString stringWithFormat:@"%@/%@",stylePath,imageName];
    
    UIImage *image = [UIImage imageWithContentsOfFile:imagePath];
    //返回图片
    return image;
}

-(void)setStyle:(NSString *)style{
    _style = style;
    [[NSNotificationCenter defaultCenter] postNotificationName:@"StyleName" object:nil];
}
@end

标签栏的实现。

//
//  BaseViewController.m
//  ChangeStyle-Demo
//
//  Created by mac on 16/8/25.
//  Copyright © 2016年 mac. All rights reserved.
//

#import "BaseViewController.h"
#import "StyleTools.h"
@interface BaseViewController (){
    NSArray *array;
}

@end

@implementation BaseViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    [self loadData];
    [self createBase];
}

-(void)loadData{
    
    array = [NSArray array];
    NSString *filePath = [[NSBundle mainBundle]pathForResource:@"Theme" ofType:@"plist"];
    //字典
    NSDictionary *dic = [NSDictionary dictionaryWithContentsOfFile:filePath];
    //获取到所有键
    array = [dic allKeys];

}

-(void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    [self removeSystemTabbar];
}

-(void)createBase{
    StyleTools *manager = [StyleTools sharedManager];
    NSArray *imgArr = @[
                        @"home_tab_icon_1.png",
                        @"home_tab_icon_2.png",
                        @"home_tab_icon_3.png",
                        @"home_tab_icon_4.png",
                        @"home_tab_icon_5.png"
                        ];
    
    for (int i = 0; i<imgArr.count; i++) {
        UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
        [button setImage:[manager getImageName:imgArr[i]] forState:UIControlStateNormal];
        button.frame = CGRectMake([UIScreen mainScreen].bounds.size.width/imgArr.count * i, 3, 50, 50);
        button.tag = 1000 + i;
        [button addTarget:self action:@selector(changeAction:) forControlEvents:UIControlEventTouchUpInside];
        [self.tabBar addSubview:button];
    }
    
    
    //接收通知
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(loadImage) name:@"StyleName" object:nil];
    [self loadImage];
}

-(void)loadImage{
    //这里可以做代码优化,自创一个button类,进行封装就不用写五个了
    StyleTools *manager = [StyleTools sharedManager];
    
    NSArray *imgArr = @[
                        @"home_tab_icon_1.png",
                        @"home_tab_icon_2.png",
                        @"home_tab_icon_3.png",
                        @"home_tab_icon_4.png",
                        @"home_tab_icon_5.png"
                        ];
    UIButton *button1 = (UIButton *)[self.view viewWithTag:1000];
    [button1 setImage:[manager getImageName:imgArr[0] ]forState:UIControlStateNormal];
    UIButton *button2 = (UIButton *)[self.view viewWithTag:1001];
    [button2 setImage:[manager getImageName:imgArr[1] ]forState:UIControlStateNormal];
    UIButton *button3 = (UIButton *)[self.view viewWithTag:1002];
    [button3 setImage:[manager getImageName:imgArr[2] ]forState:UIControlStateNormal];
    UIButton *button4 = (UIButton *)[self.view viewWithTag:1003];
    [button4 setImage:[manager getImageName:imgArr[3] ]forState:UIControlStateNormal];
    UIButton *button5 = (UIButton *)[self.view viewWithTag:1004];
    [button5 setImage:[manager getImageName:imgArr[4] ]forState:UIControlStateNormal];
    self.tabBar.backgroundImage = [manager getImageName:@"mask_navbar.png"];
}

-(void)changeAction:(UIButton *)button{
    
//    NSLog(@"%@",button.titleLabel.text);
    NSInteger index = button.tag - 1000;
    
    StyleTools *manager = [StyleTools sharedManager];
    //将主题获取到!!!
    manager.style = array[index];
    
}

-(void)removeSystemTabbar{
    //移除自创标题
    for (UIView *view in self.tabBar.subviews) {
        if ([view isKindOfClass:NSClassFromString(@"UITabBarButton")]) {
            [view removeFromSuperview];
        }
    }
}
#pragma mark -手动释放通知
-(void)dealloc{
    [[NSNotificationCenter defaultCenter] removeObserver:self name:@"StyleName" object:nil];
}


@end

navigationcontroller中

//
//  NavigationViewController.m
//  ChangeStyle-Demo
//
//  Created by mac on 16/8/25.
//  Copyright © 2016年 mac. All rights reserved.
//

#import "NavigationViewController.h"
#import "StyleTools.h"
@interface NavigationViewController ()

@end

@implementation NavigationViewController

- (void)viewDidLoad {
    [super viewDidLoad];

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(loadImage) name:@"StyleName" object:nil];
    [self loadImage];
}

-(void)loadImage{
    StyleTools *manager = [StyleTools sharedManager ];
    self.view.backgroundColor = [UIColor colorWithPatternImage:[manager getImageName:@"mask_titlebar64@2x.jpg"]];
}
-(void)dealloc{
    [[NSNotificationCenter defaultCenter] removeObserver:self name:@"StyleName" object:nil];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];

}


@end

viewcontroller中

//
//  ViewController.m
//  ChangeStyle-Demo
//
//  Created by mac on 16/8/25.
//  Copyright © 2016年 mac. All rights reserved.
//

#import "ViewController.h"
#import "StyleTools.h"
@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    /*
     切换主题:
     主体思路就是切换文件夹
     1.获取到真实文件夹
     2.监听文件夹的名称
     3.切换
     */

    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(loadImage) name:@"StyleName" object:nil];
    [self loadImage];
}
-(void)loadImage{
    StyleTools *manager = [StyleTools sharedManager ];
    self.view.backgroundColor = [UIColor colorWithPatternImage:[manager getImageName:@"bg_home@2x.jpg"]];
}

-(void)dealloc{
    [[NSNotificationCenter defaultCenter] removeObserver:self name:@"StyleName" object:nil];
}


- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

先看看效果:

stylechange1.gif

···

相关文章

  • 切换主题

    日/夜间主题 使用Android Support Library 中的 UiMode来做“日/夜间主题” 以背景颜...

  • 主题切换

    主题切换在前几年很火的一个技术,俗称换肤!今天我们来实现下这个主题是怎么切换的。主体思路:1.要求的图片名是一样的...

  • 主题切换

    1.什么是主题切换? 就是在一个app中实现不同的主题.在同一种主题下,所有字体颜色一样,背景图的样式一样. 2....

  • 主题切换

    http://www.open-open.com/lib/view/open1460934455593.html ...

  • Flutter 学习 之 主题设置 ThemeData

    基于ThemeData 实现主题切换 1. 实现可以亮暗主题切换2. 实现可以颜色主题的切换3.当主题为白色的时候...

  • iOS 答题功能实现

    最近项目中答题模块进行了优化,可切换主题,切换字体大小,答题背题模式。 答题主界面,可切换答题,背题模式 切换主题...

  • Android切换主题

    values-v21/styles.xml 切换主题: 效果图: 源码地址:https://github.com/...

  • AndroidStudio 主题切换

    一,系统主题切换 系统提供了两种主题切换(这怎么能满足爱倒持的程序员呢

  • less 切换主题

    1. 思路 本文实现环境是react+less,但并不限于react;思路主要是在最外层div上添加切换主题的相关...

  • 项目切换主题

    一般而言,项目中用到的图片都会放在Assets.xcassets这个文件夹中,项目中使用的时候只需要使用image...

网友评论

    本文标题:主题切换

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