swift UITableViewCell的4种系统样式详细介绍,学会了这四种UITableView在也难不倒你

首先我们看官方文档介绍 

    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设置

       var     cellID = "cellID";
        var  cell:UITableViewCell! = tableView.dequeueReusableCell(withIdentifier: cellID)
        if (cell==nil) {
            cell = UITableViewCell.init(style: .value1, reuseIdentifier: cellID);
        }
        cell.imageView?.image = UIImage.init(named: "ok")
        cell.textLabel?.text =  dict["raw"] as! String;

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

        var     cellID = "cellID";
        var  cell:UITableViewCell! = tableView.dequeueReusableCell(withIdentifier: cellID)
        if (cell==nil) {
            cell = UITableViewCell.init(style: .value2, reuseIdentifier: cellID);
        }
        cell.detailTextLabel?.text = dict["time"] as! String;
        cell.textLabel?.text =  dict["raw"] as! String;

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

        var     cellID = "cellID";
        var  cell:UITableViewCell! = tableView.dequeueReusableCell(withIdentifier: cellID)
        if (cell==nil) {
            cell = UITableViewCell.init(style: .subtitle, reuseIdentifier: cellID);
        }
        cell.imageView?.image = UIImage.init(named: "ok")
        cell.detailTextLabel?.text = dict["time"] as! String;
        cell.textLabel?.text =  dict["raw"] as! String;

 

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

        var     cellID = "cellID";
        var  cell:UITableViewCell! = tableView.dequeueReusableCell(withIdentifier: cellID)
        if (cell==nil) {
            cell = UITableViewCell.init(style: .default, reuseIdentifier: cellID);
        }
        cell.imageView?.image = UIImage.init(named: "ok")
        cell.textLabel?.text =  dict["raw"] as! String;

tip: UITableViewCell里面还有很多属性   比如 cell.accessoryView = UISwitch()  效果如图