UI中的表视图用法

发布时间:2020-07-13 19:02:13 作者:ladispartion1
来源:网络 阅读:341

- (void)viewDidLoad {

    

    [super viewDidLoad];

    self.data = @[@"Camping", @"Water Skiing", @"Weight Lifting", @"Stamp Collecting"];

    

    

    UITableView *tableView = [[UITableView alloc]initWithFrame:CGRectMake(0, 20, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height - 20) style:UITableViewStylePlain];

    tableView.delegate = self;

    tableView.dataSource = self;

    

    

    // 设置表视图的头部视图

    UIView *headerView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 0, 50)];

    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(([UIScreen mainScreen].bounds.size.width - 130)/2, 0, 150, 50)];

    label.text = @"HeaderFooter";

    label.textColor = [UIColor whiteColor];

    [headerView addSubview:label];

    headerView.backgroundColor = [UIColor cyanColor];

    tableView.tableHeaderView = headerView;


    [self.view addSubview:tableView];

    

}

#pragma mark -UITableViewDataSource 



- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{

    return self.data.count;

    

}

- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{

    UITableViewCell *cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:nil];

    cell.textLabel.text = (NSString *)self.data[indexPath.row];

    return cell;

}



- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section{

    return  @"Johnny Appleseed";

}

- (NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section{

    return @"wrewrwer";

}

//自定义section头部视图

- (UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{

    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0,0, 120)];

    view.backgroundColor = [UIColor grayColor];

    UIImageView *imgView = [[UIImageView alloc]initWithFrame:CGRectMake(10, 20, 70, 70)];

    imgView.backgroundColor = [UIColor lightGrayColor];

    imgView.p_w_picpath = [UIImage p_w_picpathNamed:@"home_tab_icon_4.png"];

    [view addSubview:imgView];

    UILabel *label = [[UILabel alloc]initWithFrame:CGRectMake(85, 20, 200, 70)];

    label.font = [UIFont boldSystemFontOfSize:16];

    label.text = @"Johnny Appleseed";

    UILabel *label1 = [[UILabel alloc]initWithFrame:CGRectMake(10, 80, 200, 50)];

    label1.text = @"Hobby Information:";

    [view addSubview:label1];

    [view addSubview:label];

        return view;

}

- (UIView *)tableView:(UITableView *)tableView viewForFooterInSection:(NSInteger)section{

    

    //添加view

    UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 0, 100)];

    view.backgroundColor = [UIColor grayColor];

    //btn1

    UIButton *btn1 = [UIButton buttonWithType:UIButtonTypeCustom];

    btn1.frame = CGRectMake(([UIScreen mainScreen].bounds.size.width - 240)/3, 30, 120, 40);

    [btn1 setTitle:@"Button1" forState:UIControlStateNormal];

    [btn1 setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];

    btn1.backgroundColor = [UIColor whiteColor];

    [view addSubview:btn1];

    

    //添加btn2

    UIButton *btn2 = [UIButton buttonWithType:UIButtonTypeCustom];

    btn2.frame = CGRectMake(([UIScreen mainScreen].bounds.size.width - 240)/3 *2 + 120, 30, 120, 40);

    [btn2 setTitle:@"Button1" forState:UIControlStateNormal];

    [btn2 setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];

    btn2.backgroundColor = [UIColor whiteColor];

    [view addSubview:btn2];


    return view;

}

- (CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{

    return 120;

}

- (CGFloat)tableView:(UITableView *)tableView heightForFooterInSection:(NSInteger)section{

    return 100;

}



推荐阅读:
  1. 列表视图ListView之一
  2. iOS开发那些事-表视图UI设计模式

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

视图用法 表视

上一篇:二、【用django2.0来开发】后台会员管理(一) 模型创建与数据迁移

下一篇:VSAN存储结构介绍及数据恢复方法概述

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》