IOS開發(fā)之TableView、多個(gè)TableViewCell、自定義Cell、Cell上畫畫（故事板+代碼方式）

2019-11-14 20:10:08

字體：大中小

供稿：網(wǎng)友

最近要做一個(gè)項(xiàng)目，有個(gè)賬戶設(shè)置界面，看了微博、微信、QQ，他們的賬號(hào)設(shè)置都比較原生態(tài)沒做什么處理。春雨醫(yī)生的賬號(hào)不錯(cuò)，做了許多處理。不說廢話直接上代碼。

第一步：

//UserTableViewCell.h這里定義第一種Cell#import <UIKit/UIKit.h>@interface UserTableViewCell : UITableViewCell@PRoperty (weak, nonatomic) IBOutlet UIImageView *userviewcellicon;@property (weak, nonatomic) IBOutlet UILabel *userviewcellname;@end

//UserTableViewCell2.h這里定義第二種Cell,#import <UIKit/UIKit.h>@interface UserTableViewCell2 : UITableViewCell@property (weak, nonatomic) IBOutlet UILabel *name;@property (weak, nonatomic) IBOutlet UIImageView *userviewcell2image;@end

故事板里的TableView和Cell的class和Cell的Identifier就不說了

例：

2、設(shè)計(jì)好了這些東西后，開始進(jìn)TableViewController里了：

//UserTableViewController.h#import <UIKit/UIKit.h>@interface UserTableViewController : UITableViewController@property(nonatomic,strong) NSDictionary *UserViewCellDic;@property (nonatomic, strong) NSArray *listGroupname;@end

//UserTableViewController.m#import "UserTableViewController.h"#import "UserTableViewCell.h"#import "UserTableViewCell2.h"@interface UserTableViewController ()@end@implementation UserTableViewController- (void)viewDidLoad{    [super viewDidLoad];    self.tableView.separatorStyle = UITableViewCellaccessoryNone;//去除分割線    NSBundle *bundle = [NSBundle mainBundle];    NSString *plistpath = [bundle pathForResource:@"UserViewCell" ofType:@"plist"];    self.UserViewCellDic = [[NSDictionary alloc]initWithContentsOfFile:plistpath];    self.listGroupname = [self.UserViewCellDic allKeys];　　    self.listGroupname = [self.listGroupname sortedArrayUsingSelector:@selector(compare:)];//排序}- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView//返回有幾個(gè)Section{    return [self.listGroupname count];}- (NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section//Section頭名字設(shè)為空{(diào)        NSString *groupName = @" ";    return groupName;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section//每個(gè)section的行數(shù){        NSString *groupName = [self.listGroupname objectAtIndex:section];    NSArray *listitem = [self.UserViewCellDic objectForKey:groupName];    return [listitem count];    }#pragma mark - TableViewDataSource- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{        static NSString *UserViewCellIdentifier = @"UserTableViewCell";    static NSString *UserViewCellIdentifier2 = @"UserTableViewCell2";    NSUInteger section = [indexPath section];    NSUInteger row = [indexPath row];    NSString *groupName = [self.listGroupname objectAtIndex:section];    NSArray *listitem = [self.UserViewCellDic objectForKey:groupName];    NSDictionary *rowDict = [listitem objectAtIndex:row];        if (0 == section) {        UserTableViewCell2 *cell = [tableView dequeueReusableCellWithIdentifier:UserViewCellIdentifier2];        cell.name.text = [rowDict objectForKey:@"name"];        NSString *imagePath = [rowDict objectForKey:@"image"];        imagePath = [imagePath stringByAppendingString:@".png"];        cell.userviewcell2image.image = [UIImage imageNamed:imagePath];        cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;//最后的箭頭        //畫線        UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 79, 320, 1)];        UIView *leftview = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 3, 80)];        UIView *rightview = [[UIView alloc]initWithFrame:CGRectMake(317, 0, 3, 80)];        view.backgroundColor = [UIColor colorWithRed:43/255.0f green:43/255.0f blue:233/255.0f alpha:1];        leftview.backgroundColor = [UIColor colorWithRed:43/255.0f green:43/255.0f blue:233/255.0f alpha:1];        rightview.backgroundColor = [UIColor colorWithRed:43/255.0f green:43/255.0f blue:233/255.0f alpha:1];        [cell.contentView addSubview:view];        [cell.contentView addSubview:leftview];        [cell.contentView addSubview:rightview];        return cell;    }else{        UserTableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:UserViewCellIdentifier];        cell.userviewcellname.text = [rowDict objectForKey:@"name"];        NSString *imagePath = [rowDict objectForKey:@"image"];        imagePath = [imagePath stringByAppendingString:@".png"];        cell.userviewcellicon.image = [UIImage imageNamed:imagePath];        cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;//最后的箭頭        //畫線        UIView *view = [[UIView alloc]initWithFrame:CGRectMake(0, 39, 320, 1)];        UIView *leftview = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 3, 40)];        UIView *rightview = [[UIView alloc]initWithFrame:CGRectMake(317, 0, 3, 40)];        view.backgroundColor = [UIColor colorWithRed:43/255.0f green:43/255.0f blue:233/255.0f alpha:1];        //alpha是透明度        leftview.backgroundColor = [UIColor colorWithRed:43/255.0f green:43/255.0f blue:233/255.0f alpha:0.3];        rightview.backgroundColor = [UIColor colorWithRed:43/255.0f green:43/255.0f blue:233/255.0f alpha:1];        [cell.contentView addSubview:view];        [cell.contentView addSubview:leftview];        [cell.contentView addSubview:rightview];         return cell;    }          }-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath//Cell的高度{    NSUInteger section = [indexPath section];    if (0 == section) {        return 80;    }else{        return 40;    }   }