快速实现APP中的设置界面效果 - 代码库 - CocoaChina

代码库> 列表> 快速实现APP中的设置界面效果

快速实现APP中的设置界面效果

关注

上传者：wangchangfei 分类：列表(Tableview Collection)

查看次数：7984 下载次数：1516

上传时间：2015-09-29 大小：485 B

快速实现APP中的设置界面效果
测试环境：Xcode 7.0，iOS 7.0 以上


集成步骤：

0、把TableViewSettingList文件夹拽入自己项目中

1、新建一个UITableViewController继承自CFSettingTableViewController

2、相关代码

// cell箭头名称
self.icon_arrow = @"CellArrow";

// 设置相关参数
// cell背景颜色
//self.backgroundColor_Normal = [UIColor whiteColor];
//cell选中背景颜色
// self.backgroundColor_Selected = CFCellBackgroundColor_Highlighted;
//cell右边Label字体
// self.rightLabelFont = [UIFont systemFontOfSize:15];
//cell右边Label文字颜色
// self.rightLabelFontColor = CFRightLabelTextColor;

CFSettingArrowItem *item1 =[CFSettingArrowItem itemWithIcon:@"icon1" title:@"朋友圈" destVcClass:[Item1ViewController class]];
CFSettingGroup *group1 = [[CFSettingGroup alloc] init];
group1.items = @[ item1];

CFSettingArrowItem *item2 =[CFSettingArrowItem itemWithIcon:@"icon2" title:@"扫一扫" destVcClass:[Item1ViewController class]];

CFSettingArrowItem *item3 =[CFSettingArrowItem itemWithIcon:@"icon3" title:@"摇一摇"];
__weak typeof(self) weakSelf = self;
item3.opration = ^{
    Item1ViewController *vc = [[Item1ViewController alloc]init];
    [weakSelf.navigationController pushViewController:vc animated:YES];
};

CFSettingGroup *group2 = [[CFSettingGroup alloc] init];
group2.items = @[ item2,item3 ];

CFSettingIconArrowItem *item4 =[CFSettingIconArrowItem itemWithIcon:@"icon4" title:@"附近的人" destVcClass:[Item1ViewController class]];
item4.icon_right = @"FootStep";
CFSettingGroup *group3 = [[CFSettingGroup alloc] init];
group3.items = @[ item4];

group3.header = @"头部文本";
group3.footer = @"底部文本";
group3.headerHeight = 30;
group3.footerHeight = 30;

CFSettingLabelArrowItem *item5 =[CFSettingLabelArrowItem itemWithIcon:@"icon2" title:@"扫一扫" destVcClass:[Item1ViewController class]];
item5.text_right = @"扫一扫扫一扫";

CFSettingLabelItem *item6 =[CFSettingLabelItem itemWithIcon:@"icon3" title:@"摇一摇"];
item6.text_right = @"摇一摇摇一摇";
CFSettingGroup *group4 = [[CFSettingGroup alloc] init];
group4.items = @[ item5,item6 ];

CFSettingSwitchItem *item7 =[CFSettingSwitchItem itemWithIcon:@"icon3" title:@"账号保护"];
// 用户第一次设置前  默认打开开关
item7.defaultOn = YES;
// 开关状态改变时执行的操作
item7.opration_switch = ^(BOOL isON){
    CFLog(@"UISwitch状态改变 %d",isON);
};

BOOL isON = [CFSettingSwitchItem isONSwitchByTitle:item7.title];
CFLog(@"是否打开了开关 %d",isON);

CFSettingGroup *group5 = [[CFSettingGroup alloc] init];
group5.items = @[ item7 ];

CFSettingIconItem *item8 =[CFSettingIconItem itemWithIcon:@"icon3" title:@"右边头像"];
item8.cellHeight = 60;
item8.icon_right =@"icon_touxiang";
CFSettingGroup *group6 = [[CFSettingGroup alloc] init];
group6.items = @[ item8 ];

[self.dataList addObject:group1];
[self.dataList addObject:group2];
[self.dataList addObject:group3];
[self.dataList addObject:group4];
[self.dataList addObject:group5];
[self.dataList addObject:group6];

立即下载

效果图