高仿版界面实现功能

第一步:
导入类链接1链接2
第二步:
在AppDelegate.m里
头文件 #import “ViewController.h”
代码如下:
self.window.rootViewController = [ViewController new]; self.window.backgroundColor = [UIColor whiteColor];
第三步:
首先创建4个继承于UIViewController的类
接下来代码
viewDidLoad 里
[self createTabbar];

-(void)createTabbar{
    
    //控制器名称
    NSArray *array = @[@"oneViewController",@"twoViewController",@"threeViewController",@"fourViewController"];
    //点击前的样式
    NSArray *unSelectedImagerArray = @[@"首页",@"服务",@"卡券",@"个人"];
    //点击后的样式
    NSArray *SelectedImagerArray = @[@"首页",@"服务",@"卡券",@"个人"];
    
    //控制器数组
    NSMutableArray *ViewContro = [NSMutableArray new];
    
    //根据控制器的名称创建响应的控制器 并添加到控制器的数组里
    for (int i = 0; i<array.count; i++) {
        //string ----> Controller
        UIViewController *vc = [[NSClassFromString(array[i]) alloc]init];
        UINavigationController *nav = [[UINavigationController alloc]initWithRootViewController:vc];
        //设置Tabbritem  的 选中图片 未选中图片 标题
        nav.tabBarItem.image = [[UIImage imageNamed:unSelectedImagerArray[i] ] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        nav.tabBarItem.selectedImage = [[UIImage imageNamed:SelectedImagerArray [i]] imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];
        nav.title = unSelectedImagerArray[i];
        // nav.navigationBar.barTintColor = [UIColor blackColor];
        nav.navigationBar.barTintColor = [UIColor colorWithRed:0/255.0 green:138/255.0 blue:247/255.0 alpha:1];
        nav.navigationBar.translucent = NO;

        //添加到数组里
        [ViewContro addObject:nav];
        
        
        
    }
    self.viewControllers = ViewContro;
    self.selectedIndex = 1;
   
}

第三步:
twoViewController.m
首先导入头文件
#import “HWPopTool.h”
#import “CarouseView.h”
#import “CarouseViewPlus.h”

<UITableViewDelegate,UITableViewDataSource,UICollectionViewDelegate,UICollectionViewDataSource,CarouseViewDataSource, CarouseViewDelegate>
{
    // 轮播图变量，其实作为局部变量也行
    CarouseView *carouseView;
    CarouseViewPlus *carouseViewPlus;
    
    // 轮播图相关的数据
    NSArray *kvDataArray;
}
@property(nonatomic,strong) UITableView *tableview;
@property (nonatomic , strong)UICollectionView *clv;
@property (strong, nonatomic) UIView *contentView;
@property (strong, nonatomic) UIButton *popBtn;

viewDidLoad

    self.title = @"服务";
    self.navigationController.navigationBar.titleTextAttributes=
  @{NSForegroundColorAttributeName:[UIColor whiteColor],
    NSFontAttributeName:[UIFont systemFontOfSize:22]};
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"22"] style:UIBarButtonItemStylePlain target:self action:nil];
    [self.view addSubview:self.tableview];
    [self setn];

- (UITableView *)tableview{
    if (!_tableview ){
        _tableview = [[UITableView alloc]initWithFrame:self.view.frame style:UITableViewStylePlain];
        _tableview.delegate = self;
        _tableview.dataSource = self;
    }
    return _tableview;
}
-(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
    return 3;
}
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    if (section == 0) {
        return 1;
    }else if (section == 1){
        return 2;
    }else{
        return 4;
    }
}

-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell"];
//    if (cell == nil) {
        cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"cell"];
//
    if (indexPath.section == 0) {
        tableView.rowHeight = 150;
        UICollectionViewFlowLayout *layout = [[UICollectionViewFlowLayout alloc]init];
        // 格子的大小
        layout.itemSize =  CGSizeMake(50, 50);
        // 行间距
        layout.minimumLineSpacing = 20;
        // 列间距
        layout.minimumInteritemSpacing = 50;
        
        // 分区间距
        layout.sectionInset =  UIEdgeInsetsMake(15, 30, 30, 15);
        _clv = [[UICollectionView alloc]initWithFrame:CGRectMake(5, 5, self.view.frame.size.width, 150) collectionViewLayout:layout];
        
        // 2.数据源和代理
        _clv.delegate = self;
        _clv.dataSource = self;
        // 3. 添加到主视图
        
        [_clv registerClass:[UICollectionViewCell class] forCellWithReuseIdentifier:@"reuseCell"];
        
        _clv.backgroundColor = [UIColor whiteColor];
        [cell addSubview:_clv];
        //'attempt to register a cell class which is not a subclass of UICollectionViewCell (UICollectionView)'
        
       
        
        
    }else if (indexPath.section == 1){
        //第二分区
        if (indexPath.row == 0) {
            //第二分区第一行
            //cell.textLabel.text = @"第二分区第一行";
            tableView.rowHeight = 40;
            cell.textLabel.text = @"旗舰店";
            cell.detailTextLabel.text = @"查看更多";
            
        }else{
            //第二行
            tableView.rowHeight = 200;
            cell.backgroundColor = [UIColor lightGrayColor];
            UIView *v1 = [[UIView alloc]initWithFrame:CGRectMake(0, 1, 149, 200)];
            v1.backgroundColor = [UIColor whiteColor];
            [cell addSubview:v1];
            UILabel *l1 = [[UILabel alloc]initWithFrame:CGRectMake(31, 38, 120, 35)];
            [l1 setText:@"热销商品"];
            l1.textColor = [UIColor blueColor];
            l1.font = [UIFont systemFontOfSize:25];
            [v1 addSubview:l1];
            
            UILabel *l2 = [[UILabel alloc]initWithFrame:CGRectMake(28, 58, 120, 60)];
            [l2 setText:@"迪士尼小熊维尼系列"];
            l2.textColor = [UIColor lightGrayColor];
            l2.font = [UIFont systemFontOfSize:13];
            [v1 addSubview:l2];
            UIImageView *im = [[UIImageView alloc]initWithFrame:CGRectMake(31, 100, 80, 120)];
            im.image = [UIImage imageNamed:@"111"];
            [v1 addSubview:im];
            
            //
            UIView *v2 = [[UIView alloc]initWithFrame:CGRectMake(152, 1, 261, 100)];
            v2.backgroundColor = [UIColor whiteColor];
            [cell addSubview:v2];
            
            UILabel *l3 = [[UILabel alloc]initWithFrame:CGRectMake(31, 38, 120, 35)];
            [l3 setText:@"热门推荐"];
            //l3.textColor = [UIColor blackColor];
            l3.font = [UIFont systemFontOfSize:25];
            [v2 addSubview:l3];
            
            UILabel *l4 = [[UILabel alloc]initWithFrame:CGRectMake(28, 58, 120, 60)];
            [l4 setText:@"平安招财猫系列"];
            l4.textColor = [UIColor lightGrayColor];
            l4.font = [UIFont systemFontOfSize:13];
            [v2 addSubview:l4];
            
            UIImageView *im1 = [[UIImageView alloc]initWithFrame:CGRectMake(180, 40, 60, 60)];
            im1.image = [UIImage imageNamed:@"222"];
            [v2 addSubview:im1];
            
            //
            UIView *v3 = [[UIView alloc]initWithFrame:CGRectMake(152, 100, 261, 100)];
            v3.backgroundColor = [UIColor whiteColor];
            [cell addSubview:v3];
            
            UILabel *ll = [[UILabel alloc]initWithFrame:CGRectMake(31, 10, 120, 20)];
            [ll setText:@"黑金十二星座"];
            //l3.textColor = [UIColor blackColor];
            ll.font = [UIFont systemFontOfSize:17];
            [v3 addSubview:ll];
            
            UILabel *lll = [[UILabel alloc]initWithFrame:CGRectMake(28, 30, 80, 20)];
            [lll setText:@"迷你矩形卡"];
            lll.textColor = [UIColor lightGrayColor];
            lll.font = [UIFont systemFontOfSize:13];
            [v3 addSubview:lll];
            
            UIImageView *im2 = [[UIImageView alloc]initWithFrame:CGRectMake(60, 50, 70, 40)];
            im2.image = [UIImage imageNamed:@"333"];
            [v3 addSubview:im2];
            
            UILabel *vi = [[UILabel alloc]initWithFrame:CGRectMake(170, 10, 120, 20)];
            [vi setText:@"迪士尼系列"];
            //l3.textColor = [UIColor blackColor];
            vi.font = [UIFont systemFontOfSize:17];
            [v3 addSubview:vi];
            
            UILabel *xx = [[UILabel alloc]initWithFrame:CGRectMake(170, 30, 80, 20)];
            [xx setText:@"版权软胶卡"];
            xx.textColor = [UIColor lightGrayColor];
            xx.font = [UIFont systemFontOfSize:13];
            [v3 addSubview:xx];
            
            UIImageView *im3 = [[UIImageView alloc]initWithFrame:CGRectMake(210, 50, 40, 40)];
            im3.image = [UIImage imageNamed:@"444"];
            [v3 addSubview:im3];
            
        }
    }else{
        if (indexPath.row == 0) {
            tableView.rowHeight = 40;
            cell.textLabel.text = @"合作景点套票";
            cell.detailTextLabel.text = @"查看更多";
        }else if (indexPath.row == 1){
            tableView.rowHeight = 130;
            UILabel *l1 = [[UILabel alloc]initWithFrame:CGRectMake(15, 20, 60, 35)];
            [l1 setText:@"鸟巢"];
            l1.textColor = [UIColor blackColor];
            l1.font = [UIFont systemFontOfSize:20];
            [cell addSubview:l1];
            UILabel *l2 = [[UILabel alloc]initWithFrame:CGRectMake(17, 40, 80, 55)];
            [l2 setText:@"$ 106.00"];
            l2.textColor = [UIColor yellowColor];
            l2.font = [UIFont systemFontOfSize:16];
            [cell addSubview:l2];
            
            UILabel *l3 = [[UILabel alloc]initWithFrame:CGRectMake(85, 40, 85, 55)];
            [l3 setText:@"$ 110.00"];
            l3.textColor = [UIColor lightGrayColor];
            l3.font = [UIFont systemFontOfSize:14];
            [cell addSubview:l3];
            
            UILabel *l4 = [[UILabel alloc]initWithFrame:CGRectMake(15, 80, 150, 55)];
            [l4 setText:@" 套票108天后过期"];
            l4.textColor = [UIColor blackColor];
            l4.font = [UIFont systemFontOfSize:15];
            [cell addSubview:l4];
            
            UIImageView *imV = [[UIImageView alloc]initWithFrame:CGRectMake(240, 15,160, 100)];
           imV.image = [UIImage imageNamed:@"666"];
            [cell addSubview:imV];
        }else if (indexPath.row == 2){
            tableView.rowHeight = 130;
            UILabel *l1 = [[UILabel alloc]initWithFrame:CGRectMake(15, 20, 120, 35)];
            [l1 setText:@"十三陵神路"];
            l1.textColor = [UIColor blackColor];
            l1.font = [UIFont systemFontOfSize:20];
            [cell addSubview:l1];
            UILabel *l2 = [[UILabel alloc]initWithFrame:CGRectMake(17, 40, 80, 55)];
            [l2 setText:@"$ 25.00"];
            l2.textColor = [UIColor yellowColor];
            l2.font = [UIFont systemFontOfSize:16];
            [cell addSubview:l2];
            
            UILabel *l3 = [[UILabel alloc]initWithFrame:CGRectMake(85, 40, 85, 55)];
            [l3 setText:@"$ 30.00"];
            l3.textColor = [UIColor lightGrayColor];
            l3.font = [UIFont systemFontOfSize:14];
            [cell addSubview:l3];
            
            UILabel *l4 = [[UILabel alloc]initWithFrame:CGRectMake(15, 80, 150, 55)];
            [l4 setText:@" 套票76天后过期"];
            l4.textColor = [UIColor blackColor];
            l4.font = [UIFont systemFontOfSize:15];
            [cell addSubview:l4];
            
            UIImageView *imV = [[UIImageView alloc]initWithFrame:CGRectMake(240, 15,160, 100)];
            imV.image = [UIImage imageNamed:@"777"];
            [cell addSubview:imV];
        }else if(indexPath.row == 3){
            tableView.rowHeight = 130;
            UILabel *l1 = [[UILabel alloc]initWithFrame:CGRectMake(15, 20, 120, 35)];
            [l1 setText:@"十三陵定陵"];
            l1.textColor = [UIColor blackColor];
            l1.font = [UIFont systemFontOfSize:20];
            [cell addSubview:l1];
            UILabel *l2 = [[UILabel alloc]initWithFrame:CGRectMake(17, 40, 80, 55)];
            [l2 setText:@"$ 52.00"];
            l2.textColor = [UIColor yellowColor];
            l2.font = [UIFont systemFontOfSize:16];
            [cell addSubview:l2];
            
            UILabel *l3 = [[UILabel alloc]initWithFrame:CGRectMake(85, 40, 85, 55)];
            [l3 setText:@"$ 60.00"];
            l3.textColor = [UIColor lightGrayColor];
            l3.font = [UIFont systemFontOfSize:14];
            [cell addSubview:l3];
            
            UILabel *l4 = [[UILabel alloc]initWithFrame:CGRectMake(15, 80, 150, 55)];
            [l4 setText:@" 套票76天后过期"];
            l4.textColor = [UIColor blackColor];
            l4.font = [UIFont systemFontOfSize:15];
            [cell addSubview:l4];
            
            UIImageView *imV = [[UIImageView alloc]initWithFrame:CGRectMake(240, 15,160, 100)];
            imV.image = [UIImage imageNamed:@"888"];
            [cell addSubview:imV];
        }
    }
    
    return cell;
}
-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{
    if (section == 0) {
        return 130;
    }else{
        return 20;
    }
}
-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{
    
    if (section == 0) {
        UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, self.view.frame.size.width, 130)];
//        headerView.backgroundColor = [UIColor redColor];
        kvDataArray = @[@"page 1", @"page 2", @"page3", @"page 4", @"page 5"];
        
        UIImageView *v = [[UIImageView alloc]initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 30)];
        v.image = [UIImage imageNamed:@"tongzhi"];
        
        // 添加轮播图1
        
        carouseView = [[CarouseView alloc] init];
        carouseView.frame = CGRectMake(0, 0, self.view.frame.size.width, 100);
        carouseView.datasource = self;
        carouseView.delegate = self;
        [headerView addSubview:v];
        [headerView addSubview:carouseView];
        
        return headerView;
    }else {
        return nil;
    }
    
    
}
// 分区个数(几组)
-(NSInteger)numberOfSectionsInCollectionView:(UICollectionView *)collectionView{
    
    return 1;
}

// 每个分区有几个item (小格子的个数)
-(NSInteger)collectionView:(UICollectionView *)collectionView numberOfItemsInSection:(NSInteger)section{
    
    if(section == 0){
        return 8;
        
    }else{
        
        return 2;
    }
}

-(UICollectionViewCell *)collectionView:(UICollectionView *)collectionView cellForItemAtIndexPath:(NSIndexPath *)indexPath{
    
    UICollectionViewCell *cell = [collectionView dequeueReusableCellWithReuseIdentifier:@"reuseCell" forIndexPath:indexPath];
    
    // cell 添加背景色
    cell.backgroundColor = [UIColor whiteColor];
    // 'could not dequeue a view of kind: UICollectionElementKindCell with identifier 123 - must register a nib or a class for the identifier or
    //     80/100
    NSArray *arr = @[@"33",@"44",@"55",@"66",@"77",@"88",@"99",@"10"];
    NSArray *arr1 = @[@"旗舰店",@"在线客服",@"积分商城",@"交易记录",@"市郊铁路卡",@"学生卡",@"光大联名卡",@"更多"];
    UIImageView *imgV = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 40, 40)];
    imgV.image = [UIImage imageNamed:arr[indexPath.row]];
    [cell addSubview:imgV];
    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(0, 40, 70, 20)];
    label.text = arr1[indexPath.row];
    // 居中
  //  label.textAlignment = NSTextAlignmentCenter;
    label.font = [UIFont systemFontOfSize:12];
    [cell addSubview:label];
    
    return cell;
    
}

-(void)setn{
    self.view.backgroundColor = [UIColor whiteColor];
    
    _contentView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 200, 300)];
    _contentView.backgroundColor = [UIColor clearColor];
    _popBtn = [UIButton buttonWithType:UIButtonTypeCustom];
    _popBtn.frame = CGRectMake(0, 250, 200, 50);
    _popBtn.backgroundColor = [UIColor greenColor];
    [_popBtn addTarget:self action:@selector(closeAndBack) forControlEvents:UIControlEventTouchUpInside];
    
    
    UIImageView *imageV = [[UIImageView alloc]initWithFrame:_contentView.bounds];
    imageV.image = [UIImage imageNamed:@"jei"];
    [_contentView addSubview:imageV];
    //    看看pop效果把下面这一句加上
    // [_contentView addSubview:_popBtn];
    
    [HWPopTool sharedInstance].shadeBackgroundType = ShadeBackgroundTypeSolid;
    [HWPopTool sharedInstance].closeButtonType = ButtonPositionTypeRight;
    [[HWPopTool sharedInstance] showWithPresentView:_contentView animated:YES];
    
}
- (void)closeAndBack {
    [[HWPopTool sharedInstance] closeWithBlcok:^{
        [self.navigationController popViewControllerAnimated:YES];
        
    }];
}

#pragma mark - 轮播图代理
- (NSInteger)countOfCellForCarouseView:(CarouseView *)carouseView
{
    return kvDataArray.count;
}

- (UIView *)carouselView:(CarouseView *)carouselView cellAtIndex:(NSInteger)index
{
    // 先用空白页测试
    //    UIView *imageView = [[UIView alloc] init];
    //    int R = (arc4random() % 256) ;
    //    int G = (arc4random() % 256) ;
    //    int B = (arc4random() % 256) ;
    //    imageView.backgroundColor = [UIColor colorWithRed:R/255.0 green:G/255.0 blue:B/255.0 alpha:1];
    
    // 填充view，可以是任意view
    UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%ld.jpg", (long)index + 1]];
    UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
    UILabel *label = [[UILabel alloc] initWithFrame:CGRectMake(50, 50, 100, 50)];
    label.text = kvDataArray[index];
    [imageView addSubview:label];
    
    return imageView;
}

- (void)carouseView:(CarouseView *)carouseView didSelectedAtIndex:(NSInteger)index
{
    UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"carouse1 msg"
                                                        message:kvDataArray[index]
                                                       delegate:nil
                                              cancelButtonTitle:@"ok"
                                              otherButtonTitles:nil, nil];
    [alertView show];
}