一步一步实现iOS主题皮肤切换效果

本文实例为大家分享了ios主题皮肤切换代码，供大家参考，具体内容如下

1. 主题皮肤功能切换介绍
主题切换就是根据用户设置不同的主题，来动态改变用户的界面，通常会改变navigationbar背景图片、tabbar背景图片、tabbar中的按钮的图片和选中的背景图片、navigationitem.title 标题的字体颜色、ui中其他元素控件

下载源代码地址： themeskinsetup.rar

2.项目目录结构及实现效果截图

 

3. 具体实现步骤

1.将image文件夹（group）和 skins拖入到项目工程中的资源文件夹中
2.创建baseviewcontroller
3.配置theme.plist
4.事项项目所需的基本框架供能，并实现主题的tableview功能
5.创建主题管理器：thememanager
6.自定义themetabbaritem 控件
7.创建ui工厂： uifactory
8. 实现tableview中的didselected事件完成主题切换
9.记录用户选择的主题，以便用户下次启动时是上次设置的主题

1.创建baseviewcontroller

#import <uikit/uikit.h>
@interface baseviewcontroller : uiviewcontroller

- (void) reloadthemeimage;
@end

 

#import "baseviewcontroller.h"

#import "thememanager.h"
#import "notificationmacro.h"

@interface baseviewcontroller ()

@end

@implementation baseviewcontroller
- (id) init {
 if (self == [super init]) {
  [[nsnotificationcenter defaultcenter] addobserver:self selector:@selector(themechangednotfication:) name:kthemechangednotification object:nil];
 }

 [self reloadthemeimage];
 return self;
}

- (void)viewdidload {
 [super viewdidload];
 [self reloadthemeimage];
}

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

- (void) themechangednotfication:(nsnotification *)notification {
 [self reloadthemeimage];
}

- (void) reloadthemeimage {
 thememanager * thememanager = [thememanager sharedthememanager];

 uiimage * navigationbackgroundimage = [thememanager themeimagewithname:@"navigationbar_background.png"];
 [self.navigationcontroller.navigationbar setbackgroundimage:navigationbackgroundimage forbarmetrics:uibarmetricsdefault];

 uiimage * tabbarbackgroundimage = [thememanager themeimagewithname:@"tabbar_background.png"];
 [self.tabbarcontroller.tabbar setbackgroundimage:tabbarbackgroundimage];
}
@end

2. 实现appdelegate

#import "appdelegate.h"

#import "mainviewcontroller.h"
#import "thememanager.h"
#import "notificationmacro.h"

@interface appdelegate ()

@end

@implementation appdelegate


- (bool)application:(uiapplication *)application didfinishlaunchingwithoptions:(nsdictionary *)launchoptions {
 [self inituserdefaultconfig];

 mainviewcontroller * rootviewcontroller = [[mainviewcontroller alloc] init];
 self.window.rootviewcontroller = rootviewcontroller;

 return yes;
}


- (void) inituserdefaultconfig {
 nsstring * themename = [[nsuserdefaults standarduserdefaults] objectforkey:kthemenamekey];
 thememanager * thememanager = [thememanager sharedthememanager];
 thememanager.themename = themename;
}</span></span>

 

<span style="font-weight: normal;"><span style="font-weight: normal;">#import "mainviewcontroller.h"

#import "homeviewcontroller.h"
#import "messageviewcontroller.h"
#import "mineviewcontroller.h"

#import "uifactory.h"


@interface mainviewcontroller ()

@end

@implementation mainviewcontroller

- (id) init {
 if (self = [super init]) {
  [self inittabbarui];
 }

 return self;
}

- (void)viewdidload {
 [super viewdidload];

}

- (void)didreceivememorywarning {
 [super didreceivememorywarning];
}


- (void) inittabbarui {
 // 主页
 homeviewcontroller * homeviewcontroller = [[homeviewcontroller alloc] init];
 uinavigationcontroller * homenavigationcontroller = [[uinavigationcontroller alloc] initwithrootviewcontroller:homeviewcontroller];
// uitabbaritem * hometabbaritem = [[uitabbaritem alloc] initwithtitle:@"主页" image:[uiimage imagenamed:@"tabbar_home"] selectedimage:[uiimage imagenamed:@"tabbar_home_selected"]];
 uitabbaritem * hometabbaritem = [uifactory createtabbaritemwithtitle:@"主页" imagename:@"tabbar_home" selectedimage:@"tabbar_home_selected"];
 homenavigationcontroller.tabbaritem = hometabbaritem;

 // 消息（中心）
 messageviewcontroller * messageviewcontroller = [[messageviewcontroller alloc] init];
 uinavigationcontroller * messagenavigationcontroller = [[uinavigationcontroller alloc] initwithrootviewcontroller:messageviewcontroller];
// uitabbaritem * messagetabbaritem = [[uitabbaritem alloc] initwithtitle:@"消息" image:[uiimage imagenamed:@"tabbar_message_center"] selectedimage:[uiimage imagenamed:@"tabbar_message_center_selected"]];
 uitabbaritem * messagetabbaritem = [uifactory createtabbaritemwithtitle:@"消息" imagename:@"tabbar_message_center" selectedimage:@"tabbar_message_center_selected"];
 messagenavigationcontroller.tabbaritem = messagetabbaritem;

 // 我
 mineviewcontroller * mineviewcontroller = [[mineviewcontroller alloc] init];
 uinavigationcontroller * minenavigationcontroller = [[uinavigationcontroller alloc] initwithrootviewcontroller:mineviewcontroller];
// uitabbaritem * minetabbaritem = [[uitabbaritem alloc] initwithtitle:@"我" image:[uiimage imagenamed:@"tabbar_profile"] selectedimage:[uiimage imagenamed:@"tabbar_profile_selected"]];
 uitabbaritem * minetabbaritem = [uifactory createtabbaritemwithtitle:@"我" imagename:@"tabbar_profile" selectedimage:@"tabbar_profile_selected"];


 minenavigationcontroller.tabbaritem = minetabbaritem;
 nsarray * viewcontrollers = @[homenavigationcontroller, messagenavigationcontroller, minenavigationcontroller];
 self.viewcontrollers = viewcontrollers;
}


@end

3. 创建主题管理器

#import <foundation/foundation.h>
#import <uikit/uikit.h>

@interface thememanager : nsobject

@property (nonatomic, copy) nsstring * themename;   // 主题名字
@property (nonatomic, retain) nsdictionary * themeplistdict; // 主题属性列表字典

+ (thememanager *) sharedthememanager;

- (uiimage *) themeimagewithname:(nsstring *)imagename;
@end</span></span>

 

<span style="font-weight: normal;"><span style="font-weight: normal;">#import <foundation/foundation.h>
#import <uikit/uikit.h>

@interface thememanager : nsobject

@property (nonatomic, copy) nsstring * themename;   // 主题名字
@property (nonatomic, retain) nsdictionary * themeplistdict; // 主题属性列表字典

+ (thememanager *) sharedthememanager;

- (uiimage *) themeimagewithname:(nsstring *)imagename;
@end
#import "thememanager.h"
#import "notificationmacro.h"
static thememanager * sharedthememanager;

@implementation thememanager

- (id) init {
 if(self = [super init]) {
  nsstring * themepath = [[nsbundle mainbundle] pathforresource:@"theme" oftype:@"plist"];
  self.themeplistdict = [nsdictionary dictionarywithcontentsoffile:themepath];
  self.themename = nil;
 }

 return self;
}

+ (thememanager *) sharedthememanager {
 @synchronized(self) {
  if (nil == sharedthememanager) {
   sharedthememanager = [[thememanager alloc] init];
  }
 }

 return sharedthememanager;
}

// override 重写themename的set方法
- (void) setthemename:(nsstring *)themename {
 _themename = themename;
}

- (uiimage *) themeimagewithname:(nsstring *)imagename {
 if (imagename == nil) {
  return nil;
 }

 nsstring * themepath = [self themepath];
 nsstring * themeimagepath = [themepath stringbyappendingpathcomponent:imagename];
 uiimage * themeimage = [uiimage imagewithcontentsoffile:themeimagepath];

 return themeimage;
}

// 返回主题路径
- (nsstring *)themepath {
 nsstring * resourcepath = [[nsbundle mainbundle] resourcepath];
 if (self.themename == nil || [self.themename isequaltostring:@""]) {
  return resourcepath;
 }


 nsstring * themesubpath = [self.themeplistdict objectforkey:self.themename]; // skins/blue
 nsstring * themefilepath = [resourcepath stringbyappendingpathcomponent:themesubpath]; // .../skins/blue

 return themefilepath;
}
@end

4. 创建主题按钮 themetabbaritem

#import <uikit/uikit.h>
@interface themetabbaritem : uitabbaritem

@property (nonatomic, copy) nsstring * imagename;
@property (nonatomic, copy) nsstring * selectedimagename;


- (id) initwithtitle:(nsstring *)title imagename:(nsstring *)imagename selectedimage:(nsstring *)selectedimagename;

@end </span></span>

 

<span style="font-weight: normal;"><span style="font-weight: normal;">#import "themetabbaritem.h"
#import "thememanager.h"
#import "notificationmacro.h"

@implementation themetabbaritem

// 初始化时注册观察者
- (id) init {
 if (self = [super init]) {
  [[nsnotificationcenter defaultcenter] addobserver:self selector:@selector(themechangednotification:) name:kthemechangednotification object:nil];
 }

 return self;
}

- (id) initwithtitle:(nsstring *)title imagename:(nsstring *)imagename selectedimage:(nsstring *)selectedimagename {
 if (self = [self init]) {
  self.title = title;
  self.imagename = imagename;   // 此时会调用[self setimagename:imagename] ---> [self reloadthemeimage] --->[self setimage:image]
  self.selectedimagename = selectedimagename;// 此时会调用[self setselectedimagename:selectedimagename];
 }

 return self;
}


#pragma mark -
#pragma mark - override setter
- (void) setimagename:(nsstring *)imagename {
 if (_imagename != imagename) {
  _imagename = imagename;
 }

 [self reloadthemeimage];
}

- (void) setselectedimagename:(nsstring *)selectedimagename {
 if (_selectedimagename != selectedimagename) {
  _selectedimagename = selectedimagename;
 }

 [self reloadthemeimage];
}



// 主题改变之后重新加载图片
- (void)themechangednotification:(nsnotification *)notification {
 [self reloadthemeimage];
}

- (void)reloadthemeimage {
 thememanager * thememanager = [thememanager sharedthememanager];

 if (self.imagename != nil) {
  uiimage * image = [thememanager themeimagewithname:self.imagename];
  [self setimage:image];
 }

 if (self.selectedimagename != nil) {
  uiimage * selectedimage = [thememanager themeimagewithname:self.selectedimagename];
  [self setselectedimage:selectedimage];
 }
}

- (void) dealloc {
 [[nsnotificationcenter defaultcenter] removeobserver:self];
}

5. 创建ui工厂

#import <foundation/foundation.h>
#import <uikit/uikit.h>

@interface uifactory : nsobject

+ (uitabbaritem *) createtabbaritemwithtitle:(nsstring *)title imagename:(nsstring *)imagename selectedimage:(nsstring *)selectedimagename;


@end</span></span>

<span style="font-weight: normal;"><span style="font-weight: normal;">#import <foundation/foundation.h>
#import <uikit/uikit.h>

@interface uifactory : nsobject

+ (uitabbaritem *) createtabbaritemwithtitle:(nsstring *)title imagename:(nsstring *)imagename selectedimage:(nsstring *)selectedimagename;


@end
#import "uifactory.h"

#import "themetabbaritem.h"
@implementation uifactory

+ (uitabbaritem *) createtabbaritemwithtitle:(nsstring *)title imagename:(nsstring *)imagename selectedimage:(nsstring *)selectedimagename {
 themetabbaritem * themetabbaritem = [[themetabbaritem alloc] initwithtitle:title imagename:imagename selectedimage:selectedimagename];

 return themetabbaritem;
}
@end

6. 实现选中单元格的事件

#import "baseviewcontroller.h"

@interface mineviewcontroller : baseviewcontroller <uitableviewdelegate, uitableviewdatasource>


@property (weak, nonatomic) iboutlet uitableview *tableview;

@property (nonatomic, retain) nsmutablearray * themedatasource;
@end

 

#import "baseviewcontroller.h"

@interface mineviewcontroller : baseviewcontroller <uitableviewdelegate, uitableviewdatasource>


@property (weak, nonatomic) iboutlet uitableview *tableview;

@property (nonatomic, retain) nsmutablearray * themedatasource;
@end
#import "mineviewcontroller.h"

#import "thememanager.h"
#import "notificationmacro.h"

@interface mineviewcontroller ()

@end

@implementation mineviewcontroller

- (void)viewdidload {
 [super viewdidload];
 self.title = @"我";

 thememanager * thememanager = [thememanager sharedthememanager];
 _themedatasource = [nsmutablearray arraywitharray:thememanager.themeplistdict.allkeys];
}

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



#pragma mark -
#pragma mark - uitableviewdelegate
- (nsinteger)tableview:(uitableview *)tableview numberofrowsinsection:(nsinteger)section {

 return self.themedatasource.count;
}

- (uitableviewcell *) tableview:(uitableview *)tableview cellforrowatindexpath:(nsindexpath *)indexpath {
 static nsstring * identifier = @"cell";
 uitableviewcell * cell = [tableview dequeuereusablecellwithidentifier:identifier];
 if (cell == nil) {
  cell = [[uitableviewcell alloc] initwithstyle:uitableviewcellstyledefault reuseidentifier:identifier];
 }

 nsstring * text = self.themedatasource[indexpath.row];
 cell.textlabel.text = text;

 thememanager * thememanager = [thememanager sharedthememanager];
 nsstring * currenttheme = thememanager.themename;
 if (currenttheme == nil) {
  currenttheme = @"默认";
 }
 if ([currenttheme isequaltostring:text]) {
  cell.accessorytype = uitableviewcellaccessorycheckmark;
 } else {
  cell.accessorytype = uitableviewcellaccessorynone;
 }

 return cell;
}

- (void)tableview:(uitableview *)tableview didselectrowatindexpath:(nsindexpath *)indexpath {

 thememanager * thememanager = [thememanager sharedthememanager];
 nsstring * themename = self.themedatasource[indexpath.row];

 if ([themename isequaltostring:@"默认"]) {
  themename = nil;
 }

 // 记录当前主题名字
 thememanager.themename = themename;
 [[nsnotificationcenter defaultcenter] postnotificationname:kthemechangednotification object:nil];


 // 主题持久化
 nsuserdefaults * userdefaults = [nsuserdefaults standarduserdefaults];
 [userdefaults setobject:themename forkey:kthemenamekey];
 [userdefaults synchronize];

 // 重新加载数据显示uitableviewcellaccessorycheckmark 显示选中的对号 v
 [self.tableview reloaddata];
}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持服务器之家。