這門課 最麻煩 實(shí)用 的組件來了俗孝。。魄健。
這個(gè)組件的學(xué)習(xí)分了四個(gè)課時(shí)赋铝，基本上占用了第三周的全部課程，而第三周的作業(yè)基本就是TableView的使用沽瘦。革骨。Fighting农尖！
要素
- 數(shù)據(jù)集的輸入(data source)
- 每行數(shù)據(jù)的顯示 (view factiory(row data))
- 操作(event handler)
1.點(diǎn)擊
2.調(diào)整順序
3.增刪改
OC中的實(shí)現(xiàn)
結(jié)構(gòu).png
主要方法和屬性
.style:plan,grouped
typedef NS_ENUM(NSInteger, UITableViewStyle) {
UITableViewStylePlain, // regular table view
UITableViewStyleGrouped // preferences style table view
};
@protocol UITableViewDataSource<NSObject>
//@required
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section;
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath;
//@optional
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView;
- (nullable NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section;
- (nullable NSString *)tableView:(UITableView *)tableView titleForFooterInSection:(NSInteger)section;
@protocol UITableViewDelegate<NSObject, UIScrollViewDelegate>
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
方法和屬性一覽
原文：http://blog.csdn.net/melt_1026/article/details/50085599
20151128172641634.png
Methods
20151128172941695.png
Properties
20151128172959075.png
UITableViewDelegate
20151128173013403.png
UITableViewDataSource
20151128173024372.png
代碼舉例
#pragma mark --viewController dataSource--
//@required
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{
if ( section == 0 ) {
return INSERTTING ? 5 + self.insertedRows : 5;
}
else {
return 10 ;
}
}
- (UITableViewCell *)tableView:(UITableView *)tableView
cellForRowAtIndexPath:(NSIndexPath *)indexPath{
NSString *cellID=[NSString stringWithFormat:@"cell_sec_%ld",(long)indexPath.section];
//cell的重復(fù)使用和Identifier
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:cellID];//可重用標(biāo)志
if(cell == nil) {
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
//--style 枚舉--
// UITableViewCellStyleDefault
// UITableViewCellStyleValue1
// UITableViewCellStyleValue2
// UITableViewCellStyleSubtitle
}
cell.textLabel.text =[NSString stringWithFormat:@"%ld",(long)indexPath.row];
cell.detailTextLabel.text =[NSString stringWithFormat:@"%ld-%ld",(long)indexPath.section,(long)indexPath.row];
return cell;
// return [[UITableViewCell alloc]init];
}
//@optional
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{
return 2;
}
#pragma mark --viewController events--
-(void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{
// NSLog(@"select %d,%d",(int)indexPath.section,(int)indexPath.row);
_message = [NSString stringWithFormat:@"%ld-%ld",(long)indexPath.section,(long)indexPath.row];
[self performSegueWithIdentifier:@"2d" sender:self];
}
//----edit----
//默認(rèn)編輯按鈕
-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath{
if ( INSERTTING )
return UITableViewCellEditingStyleInsert; // need call [tableView setEditing:YES]; to enter editing mode
else
return UITableViewCellEditingStyleDelete; // UITableView has built-in swipping gesture.
// return UITableViewCellEditingStyleNone;
// return UITableViewCellEditingStyleDelete;
// return UITableViewCellEditingStyleInsert;
}
//是否所有行可編輯
-(bool)tableView:(UITableView *)tableView canEditRowAtIndexPath:(NSIndexPath *)indexPath{
return YES;
}
//打開手勢(shì)編輯
-(void)tableView:(UITableView *)tableView commitEditingStyle:(UITableViewCellEditingStyle)editingStyle forRowAtIndexPath:(NSIndexPath *)indexPath{
if ( editingStyle == UITableViewCellEditingStyleDelete ) {
// delete the row selected
self.insertedRows --;
[tableView deleteRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationLeft];
} else if ( editingStyle == UITableViewCellEditingStyleInsert ) {
// insert a row before the row selected
self.insertedRows ++;
[tableView insertRowsAtIndexPaths:@[indexPath] withRowAnimation:UITableViewRowAnimationFade];
}
}
//移動(dòng)
-(void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath{
}
用自定義 Cell 做出任何想要的 Table
圖例:
圖例
制作步驟(方法一):使用. xib
1.新建一個(gè)TableViewCell 對(duì)象
1
2.在 .xib 中 隨便做些什么
2
3.在 .h 文件中做接口,并關(guān)聯(lián)到. xib 文件
3
4.在主 ViewController 中import 入TableViewCell.h
5.在 viewDidLoad 中加入
[self.tableView registerNib:[UINib nibWithNibName:kTableCellNibName bundle:nil] forCellReuseIdentifier:kCellIdentifier];
6.在ViewController中加入
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath{}
TableViewCell *cell = (TableViewCell *)[self.tableView dequeueReusableCellWithIdentifier:kCellIdentifier forIndexPath:indexPath];
7.賦值 (好像在 cell.m 中也行吧)
cell.lbClassName.text = classname.name;
cell.lbClassID.text = classname.classId;
8.完成!!
制作步驟(方法二):使用 Prototype Cell
步驟差不多,只是直接在 MainView 中畫出 Cell, 感覺可視化程度較高些.
UIRefreshControl
圖例
制作步驟:
- 選擇相關(guān)的 View
1
2.開啟refreshControl選項(xiàng)
2
3.在ViewController 中加入響應(yīng)事件
- (IBAction)refreshing:(id)sender {
//加入自定義響應(yīng)事件
//刷新
[self.refreshControl endRefreshing];
[self.tableView reloadData];
}
[self.tableView registerNib:[UINib nibWithNibName:kTableCellNibName bundle:nil] forCellReuseIdentifier:kCellIdentifier];
4.完成撒花~~
