UITableView是iOS開發(fā)中用的非常多的一個(gè)控件蟀悦，UITableview用來展示列表數(shù)據(jù)，相當(dāng)于安卓中的listview。不同于安卓中的listview自定義item來定義列表顯示的樣式，iOS中系統(tǒng)自帶了四種樣式在很多場(chǎng)合都?jí)蛭覀兪褂昧恕?/p>
系統(tǒng)自帶的UITableView樣式有兩種：
- UITableViewStylePlain：（展示單組數(shù)據(jù)，沒有分組）
UITableViewStylePlain.png
- UITableViewStyleGrouped：（展示分組數(shù)據(jù)）
UITableViewStyleGrouped.png
系統(tǒng)自帶的UITableViewCell樣式有4種：
- UITableViewCellStyleDefault：
- Default樣式：左邊有一個(gè)顯示圖片的imageView和一個(gè)標(biāo)題textLabel把还。
- 上面是頭布局顯示一張圖片（可做成大部分APP中下拉時(shí)圖片有拉伸且粘在頂部的效果）
- 使用代碼：為了提高效率我直接對(duì)字典取值顯示（下面都是）
static NSString * cellID=@"cellID";
UITableViewCell * cell=[tableView dequeueReusableCellWithIdentifier:cellID];
if (cell==nil) {
cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:cellID];
}
cell.textLabel.text = self.dataArr[indexPath.row][@"title"];
cell.imageView.image = [UIImage imageNamed:@"test_list"];
//cell右側(cè)的小箭頭
//cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
return cell;
UITableViewCellStyleDefault.png
- UITableViewCellStyleSubtitle:
- Subtitle樣式：左邊還是一個(gè)顯示圖片的imageView，不同的是上邊有一個(gè)主標(biāo)題textLabel和一個(gè)副標(biāo)題detailTextLabel茸俭。主標(biāo)題字體大且加黑吊履，副標(biāo)題字體小在主標(biāo)題下邊懒鉴。
- 代碼使用
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString * cellID=@"cellID";
UITableViewCell * cell=[tableView dequeueReusableCellWithIdentifier:cellID];
if (cell==nil) {
cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:cellID];
}
cell.textLabel.text = self.dataArr[indexPath.row][@"Name"];
cell.detailTextLabel.text = self.dataArr[indexPath.row][@"Others1"];
cell.imageView.image = [UIImage imageNamed:@"music"];
cell.backgroundColor = LightWrite;
return cell;
}
UITableViewCellStyleSubtitle.png
- UITableViewCellStyleValue1:
- Value1樣式：左邊顯示圖片的imageView和一個(gè)主標(biāo)題textLabel励堡，右邊一個(gè)副標(biāo)題detailTextLabel。
- 代碼使用
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString * cellID=@"cellID";
UITableViewCell * cell=[tableView dequeueReusableCellWithIdentifier:cellID];
if (cell==nil) {
cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:cellID];
}
cell.textLabel.text = self.dataArr[indexPath.row][@"Name"];
cell.detailTextLabel.text = self.dataArr[indexPath.row][@"Others1"];
cell.imageView.image = [UIImage imageNamed:@"music"];
cell.backgroundColor = LightWrite;
return cell;
}
UITableViewCellStyleValue1.png
- UITableViewCellStyleValue2:
- Value2樣式：左邊一個(gè)主標(biāo)題textLabel字體偏小漫萄，右邊一個(gè)副標(biāo)題detailTextLabel腾窝。
- imageView可選（顯示在最左邊）
- 代碼使用
-(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
{
static NSString * cellID=@"cellID";
UITableViewCell * cell=[tableView dequeueReusableCellWithIdentifier:cellID];
if (cell==nil) {
cell=[[UITableViewCell alloc]initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:cellID];
}
cell.textLabel.text = self.dataArr[indexPath.row][@"Name"];
cell.detailTextLabel.text = self.dataArr[indexPath.row][@"Others1"];
cell.imageView.image = [UIImage imageNamed:@"music"];
cell.backgroundColor = LightWrite;
return cell;
}
UITableViewCellStyleValue2.png
當(dāng)然如果如果你想要在每個(gè)cell的右側(cè)添加一個(gè)小箭頭來提示用戶cell可點(diǎn) 只需要加上這句代碼即可
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;
雖然系統(tǒng)自帶了4種樣式缀踪，不過平時(shí)開發(fā)中更多的還是自定義cell的樣式來滿足需求！
