如何在UITableViewCell之间添加间距

Question

如何在UITableViewCell之间添加间距

有没有办法增加间距UITableViewCell？

我创建了一个表，每个单元格只包含一个图像。图像被分配给单元格，如下所示：

cell.imageView.image = [myImages objectAtIndex:indexPath.row];

但这会使图像放大并适合整个单元格，图像之间没有间距。

或者以这种方式说，图像的高度例如是50，并且我想在图像之间添加20个间隔。有没有办法实现这个目标？

Answer 1

Swift版本针对Swift 3进行了更新为了未来的观众，这个答案比原始问题更为笼统。它是Swift的基本UITableView示例的补充示例。概观基本思想是为每个数组项创建一个新的部分（而不是一个新行）。然后可以使用截面标题高度来隔开这些截面。怎么做按照Swift的UITableView示例中的描述设置项目。（也就是说，添加一个UITableView并将tableView插座连接到View Controller）。在Interface Builder中，将主视图背景颜色更改为浅蓝色，将UITableView背景颜色更改为清除。用以下内容替换ViewController.swift代码。ViewController.swiftimport UIKitclass ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {     // These strings will be the data for the table view cells     let animals: [String] = ["Horse", "Cow", "Camel", "Sheep", "Goat"]     let cellReuseIdentifier = "cell"     let cellSpacingHeight: CGFloat = 5     @IBOutlet var tableView: UITableView!     override func viewDidLoad() {         super.viewDidLoad()         // These tasks can also be done in IB if you prefer.         self.tableView.register(UITableViewCell.self, forCellReuseIdentifier: cellReuseIdentifier)         tableView.delegate = self         tableView.dataSource = self    }     // MARK: - Table View delegate methods     func numberOfSections(in tableView: UITableView) -> Int {         return self.animals.count    }     // There is just one row in every section     func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {         return 1     }     // Set the spacing between sections     func tableView(_ tableView: UITableView, heightForHeaderInSection section: Int) -> CGFloat {         return cellSpacingHeight    }     // Make the background color show through     func tableView(_ tableView: UITableView, viewForHeaderInSection section: Int) -> UIView? {         let headerView = UIView()         headerView.backgroundColor = UIColor.clear        return headerView    }     // create a cell for each table view row     func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {         let cell:UITableViewCell = self.tableView.dequeueReusableCell(withIdentifier: cellReuseIdentifier) as UITableViewCell!         // note that indexPath.section is used rather than indexPath.row         cell.textLabel?.text = self.animals[indexPath.section]         // add border and color         cell.backgroundColor = UIColor.white         cell.layer.borderColor = UIColor.black.cgColor         cell.layer.borderWidth = 1         cell.layer.cornerRadius = 8         cell.clipsToBounds = true         return cell    }     // method to run when table view cell is tapped     func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath) {         // note that indexPath.section is used rather than indexPath.row         print("You tapped cell number \(indexPath.section).")     }}请注意，indexPath.section使用而不是indexPath.row为了获得数组元素和分接位置的正确值。你是如何在左右两侧获得额外的填充/空间的？我得到它的方式与为任何视图添加间距的方式相同。我使用了自动布局约束。只需使用Interface Builder中的pin工具为前导和尾随约束添加间距。

Answer 2

我在单元格之间添加间距的方法是使numberOfSections =“你的数组计数”并使每个部分只包含一行。然后定义headerView及其高度。- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView{     return yourArry.count;}- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section{     return 1;}-(CGFloat)tableView:(UITableView *)tableView heightForHeaderInSection:(NSInteger)section{     return cellSpacingHeight;}-(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section{     UIView *v = [UIView new];     [v setBackgroundColor:[UIColor clearColor]];     return v;}

Answer 3

我使用Swift的简单解决方案：// Inside UITableViewCell subclassoverride func layoutSubviews() {     super.layoutSubviews()     contentView.frame = contentView.frame.inset(by: UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10))}