iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

热门标签

,

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

首先我们看官方文档介绍

    Default,// Simple cell with text label and optional image view 
(behavior of UITableViewCell in iPhoneOS 2.x)
    Value1,	// Left aligned label on left and right aligned label on
 right with blue text (Used in Settings)
    Value2,	// Right aligned label on left with blue text and left 
aligned label on right (Used in Phone/Contacts)
    Subtitle,// Left aligned label on top and left aligned label on 
bottom with gray text (Used in iPod).

第一种value1模式:主标题在最左边,副标题在最右边。主标题和副标题都是居中对齐。并且可以添加一个图片在最左边,底部像素为1的横线到图片的最右边,它不敢越过图片区域,因为那一块是图片的区域,不允许任何控件踏入。主要用于各个APP设置

iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue1 reuseIdentifier:@"cell"];
cell.textLabel.text = @"1";
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
[dateFormatter setDateFormat:@"HH:mm"]; 
cell.detailTextLabel.text = [dateFormatter stringFromDate:[[Date alloc]init];

第二种value2模式:主标题和副标题在0.618的位置,统称黄金分割,黄金分割是一种数学上的比例关系。黄金分割具有严格的比例性、艺术性、和谐性,蕴藏着丰富的美学价值。主要用于像手机通讯录这样的界面

iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleValue2 reuseIdentifier:@"cell"];
cell.textLabel.text = @"1";
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
[dateFormatter setDateFormat:@"HH:mm"]; 
cell.detailTextLabel.text = [dateFormatter stringFromDate:[[Date alloc]init];

第三种subtitle模式:主标题和副标题左边对齐,主标题在上 副标题在下。并且可以添加一个图片,下面的横线是不到图片区域的。微信的聊天列表就是这样的UI,左边放一个头像,主标题放昵称,副标题放最后一句文字。

iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleSubtitle reuseIdentifier:@"cell"];
cell.textLabel.text = @"1";
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
[dateFormatter setDateFormat:@"HH:mm"]; 
cell.detailTextLabel.text = [dateFormatter stringFromDate:[[Date alloc]init];

第四种 default模式:这种模式只有一个主标题在最左边居中。

iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

UITableViewCell *cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"cell"];
cell.textLabel.text = @"1";
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
[dateFormatter setDateFormat:@"HH:mm"]; 
cell.detailTextLabel.text = [dateFormatter stringFromDate:[[Date alloc]init];

tip: UITableViewCell里面还有很多属性   比如cell.accessoryView = [[UISwitch alloc]init]效果如图。如果你想做好几个控件放accessoryView,那就用UIView包着cell.accessoryView =UIView

iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

 
cell.accessoryType = UITableViewCellAccessoryNone;//cell没有任何的样式
 
cell.accessoryType = UITableViewCellAccessoryDisclosureIndicator;//cell的右边有一个小箭头,距离右边有十几像素;
 
cell.accessoryType = UITableViewCellAccessoryDetailDisclosureButton;//cell右边有一个蓝色的圆形button;
 
cell.accessoryType = UITableViewCellAccessoryCheckmark;//cell右边的形状是对号;
 cell.selectionStyle = UITableViewCellSelectionStyleNone;//无色
cell.selectionStyle = UITableViewCellSelectionStyleBlue;//蓝色
cell.selectionStyle = UITableViewCellSelectionStyleGray;//灰色

 

 

未经允许不得转载:作者:SheaYang, 转载或复制请以 超链接形式 并注明出处 技术Dog|博客
原文地址:《iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle》 发布于2019-11-10

分享到:
赞(0) 打赏

评论 抢沙发

9 + 7 =


iOS UITableViewCell的4种系统样式详细介绍,以及accessoryView accessoryType selectionStyle

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu4.0主题
专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

登录

忘记密码 ?