JSCustomCell.h
|
1 2 3 4 5 6 7 8 9 |
@interface JSCustomCell : UITableViewCell { } // now only showing one label, you can add more yourself @property (nonatomic, strong) UILabel *descriptionLabel; @end |
JSCustomCell.m
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
@implementation JSCustomCell @synthesize descriptionLabel = _descriptionLabel; - (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier { self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]; if (self) { // configure control(s) self.descriptionLabel = [[UILabel alloc] initWithFrame:CGRectMake(5, 10, 300, 30)]; [self.descriptionLabel setBackgroundColor:[UIColor redColor]]; self.descriptionLabel.textColor = [UIColor blackColor]; self.descriptionLabel.font = [UIFont fontWithName:@"Arial" size:12.0f]; [self addSubview:self.descriptionLabel]; [self setBackgroundColor:[UIColor orangeColor]]; } return self; } @end |
result:
ViewController.h
|
1 2 |
@interface ViewController : UIViewController <UITableViewDelegate, UITableViewDataSource> @end |
ViewController.m
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
#import "ViewController.h" #import "JSCustomCell.h" @interface ViewController () @property(nonatomic, strong) UITableView *tableView; @end @implementation ViewController - (void)viewDidLoad { [super viewDidLoad]; // init table view self.tableView = [[UITableView alloc] initWithFrame:self.view.bounds style:UITableViewStylePlain]; // must set delegate & dataSource, otherwise the the table will be empty and not responsive self.tableView.delegate = self; self.tableView.dataSource = self; self.tableView.backgroundColor = [UIColor cyanColor]; // add to canvas [self.view addSubview:self.tableView]; } #pragma mark - UITableViewDataSource // number of section(s), now I assume there is only 1 section - (NSInteger)numberOfSectionsInTableView:(UITableView *)theTableView { return 1; } // number of row in the section, I assume there is only 1 row - (NSInteger)tableView:(UITableView *)theTableView numberOfRowsInSection:(NSInteger)section { return 1; } // the cell will be returned to the tableView - (UITableViewCell *)tableView:(UITableView *)theTableView cellForRowAtIndexPath:(NSIndexPath *)indexPath { static NSString *cellIdentifier = @"HistoryCell"; // Similar to UITableViewCell, but JSCustomCell *cell = (JSCustomCell *)[theTableView dequeueReusableCellWithIdentifier:cellIdentifier]; if (cell == nil) { cell = [[JSCustomCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellIdentifier]; } // Just want to test, so I hardcode the data cell.descriptionLabel.text = @"Testing"; return cell; } #pragma mark - UITableViewDelegate // when user tap the row, what action you want to perform - (void)tableView:(UITableView *)theTableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath { NSLog(@"selected %d row", indexPath.row); } @end |