1、新建一个基于singleview的工程,然后删除默认Storyboard的ViewController,拖拽一个TableviewController,设置为inital Controller
2、往Prototype Cells上拖拽两个UILabel
如图
3、为两个Label设置属性
Title
设置tag为10
4、Detail
设置tag为11
5、为两个Label设置AutoLayout
Title
注意,这里把title放在左上角,Detail放在左下角。然后添加二者之间的距离恒定为1,那么AutoLayout就会自动计算出高度。
新建一个TableviewController,并且讲storyboard上的tableviewController设置为新建的类
设置Tableview的高度为自动获取
-(CGFloat)tableView:(UITableView *)tableView estimatedHeightForRowAtIndexPath:(NSIndexPath *)indexPath{
return UITableViewAutomaticDimension
}
-(CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{
return UITableViewAutomaticDimension
}
加入存储数据的数组,并且在初始化里设定数据
@property (strong,nonatomic)NSArray * titleArray
@property (strong,nonatomic)NSArray * detailArray
- (void)viewDidLoad {
[super viewDidLoad]
self.titleArray = @[@"1",@"2",@"3"]
self.detailArray = @[@"shot",@"Aduahguhauhguhaudghuahguhudhauhg",@"dhuahgudhaughuahdughuahguhauhguhdahudhuahughduahguhadguhaduhguadhughduahguahguhadugh"]
}
接下来就是Tablview的常用的,很好理解,这里不多赘述
- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView {
return 1
}
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
return self.titleArray.count
}
-(BOOL)prefersStatusBarHidden{
return true
}
- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"cell" forIndexPath:indexPath]
UILabel * titleLabel = (UILabel *)[cell viewWithTag:10]
UILabel * contentLabel = (UILabel *)[cell viewWithTag:11]
titleLabel.text = self.titleArray[indexPath.row]
contentLabel.text = self.detailArray[indexPath.row]
contentLabel.numberOfLines = 0
return cell
}
然后,就得到了我们想要的效果了。
一、tableView的属性1.取消cell的分割线
2.取消tableView右侧的滚动条
3.当tableview数据较少时,动态隐藏tableView的底部线条
4.设置tableView的偏移量
5.隐藏tableView的footerView
6.设置tableView中cell的分割线左边距距离
7.tableView选中时反选
8.在tableView索引中显示搜索按钮
二、Cell的属性
1.设置单元格选中时的背景色
方法一、
方法二、
2.设置单元格默认背景色
通过属性设置
通过方法设置
3.取消单元格选中时背景色
4.调整单元格之间的距离
5.单元格的属性
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)