TableView靜態單元格實現

整理TableView靜態單元格的使用方法微信

須要實現的頁面: 框架

 

 

 

 基本框架就是四個靜態單元格,在此整理一下TableView的使用細節。spa

1.首先建立一個group,此內有兩個類,一個是AccountBoundingViewController,繼承自UIViewController;一個是AccountBoundingViewCell,繼承自UITableViewCell。code

2.先在xib中構造cell,內容以下: blog

 

 由一個ImageView,一個Label,一個Button組成(在此並無設定constraints),因爲個人ImageView和Label內容是要變化的,而Button的狀態也要有變化,因此與實現文件進行了鏈接。繼承

3.在ViewController裏拖進一個TableView,切記設置TableView的delegate和datasource。it

 

4.剩下的就是在ViewController的實現文件裏實現delegate和datasource的方法:io

@implementation AccountBoundingViewController
static NSString * cellIdentify = @"AccountboundingViewCell";
- (void)viewDidLoad {
    [super viewDidLoad];
    [self initView];
    //去除表格多餘行的分割線
    self.tableView.tableFooterView=[[UIView alloc]init];
//    detailsArray = [NSMutableArray new];
    detailsArray = [NSArray arrayWithObjects:@{@"icon":@"icon_name",@"name":@"微信"},@{@"icon":@"icon_name",@"name":@"微博"},@{@"icon":@"icon_name",@"name":@"QQ"}, @{@"icon":@"icon_name",@"name":@"人人"},nil];
}

- (void)didReceiveMemoryWarning {
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}
- (void)initView{
    self.title = @"綁定";
    [_tableView setSeparatorStyle:UITableViewCellSeparatorStyleSingleLine];
}
-(NSInteger) numberOfSectionsInTableView:(UITableView *)tableView
{
    return 1;
}

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
    return detailsArray.count;
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{
    AccountBoundingViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellIdentify];
    if (cell == nil) {
        cell = [[[NSBundle mainBundle] loadNibNamed:@"AccountBoundingViewCell" owner:self options:nil] lastObject];
        cell.selectionStyle = UITableViewCellSeparatorStyleNone;
    }
    NSUInteger row = [indexPath row];
    cell.myLabel.text=[[self->detailsArray objectAtIndex:row] objectForKey:@"name"];
    cell.icon.image = [UIImage imageNamed:@"icon_name"];
    return cell;
}
相關文章
相關標籤/搜索