将一个单元格放在uitableview的底部

时间:2016-09-23 03:06:32

标签: ios uitableview

如何在UITableView的底部放置“cellBOTTOM”?我想过使用表格视图页脚,但这会导致如果没有足够的单元格来填满整个屏幕的情况,页脚将不会粘在屏幕的底部,而是紧靠“cellLAST”的正下方。我需要“cellBOTTOM”位于屏幕底部和桌子底部

+--------------------+    +--------------------+    +--------------------+
|       SCREEN       |    |       SCREEN       |    |       SCREEN       |  
| +----------------+ |    | +----------------+ |    | +----------------+ |
| |     TABLE      | |    | |     TABLE      | |    | |     TABLE      | |
| | +------------+ | |    | | +------------+ | |    | | +------------+ | |
| | |  cellLAST  | | |    | | |   cell 1   | | |    | | |   cell 1   | | |
| | +------------+ | |    | | +------------+ | |    | | +------------+ | |
| |                | |    | | +------------+ | |    | | +------------+ | |
| |                | |    | | |  cellLAST  | | |    | | |   cell 2   | | |
| |                | |    | | +------------+ | |    | | +------------+ | |
| |                | |    | |                | |    | | +------------+ | |
| |                | |    | |                | |    | | |   cell 3   | | |
| |                | |    | |                | |    | | +------------+ | |
| | +------------+ | |    | | +------------+ | |    | | +------------+ | |
| | | cellBOTTOM | | |    | | | cellBOTTOM | | |    | | |   cell 4   | | |
| | +------------+ | |    | | +------------+ | |    | | +------------+ | |
| +----------------+ |    | +----------------+ |    | | +------------+ | |
+--------------------+    +--------------------+    +-+ |  cellLAST  | +-+
                                                      | +------------+ |
                                                      | +------------+ |
                                                      | | cellBOTTOM | |
                                                      | +------------+ |
                                                      +----------------+

1 个答案:

答案 0 :(得分:0)

我在午餐时间快速浏览了一下。我最初虽然这可以通过重写ScrollViewDidScroll来完成,但无法通过这种方式实现。我提出的答案是动态决定表格是否应显示页脚视图。

在下面的代码中(虽然粗略,但应该给你一个想法),我们测试表的行数是否大于我们想要在屏幕上的数量(在这种情况下我&# 39;已经硬编码到10)。如果是,那么我们从源数据数组的最后一个元素创建一个页脚,并将页脚高度设置为与其他单元格相同的高度,具有不同的背景颜色。如果没有,那么我们使用cellForItemAtIndexPath来测试我们是否在dataSource的最后一行,在这种情况下我们相应地格式化单元格:

import UIKit

class ViewController: UIViewController {

    var myTrackingTableViewController : TrackingTableViewController!

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.

        let sourceData : [String] = {
            var sD : [String] = [String]()
            for count in 0..<50 {            // Use the top end of this loop to configure the number of rows in the tableview
                sD.append("Number \(count)")
            }
            return sD
        }()

        myTrackingTableViewController = TrackingTableViewController(sourceData: sourceData, numberOfRowsOnScreen: 10, style: UITableViewStyle.plain)

        self.view.addSubview(myTrackingTableViewController.tableView)
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
}

class TrackingTableViewController : UITableViewController {

    let sourceData : [String]
    var footerText : String!
    var footerInline : Bool = false

    init(sourceData: [String], numberOfRowsOnScreen: Int, style: UITableViewStyle) {
        self.sourceData = sourceData
        super.init(style: style)

        if self.sourceData.count > numberOfRowsOnScreen {
            self.footerText = sourceData.last
        }
        else
        {
            footerInline = true
        }
    }

    required init?(coder aDecoder: NSCoder) {
        fatalError("init(coder:) has not been implemented")
    }

    override func numberOfSections(in tableView: UITableView) -> Int {
        return 1
    }

    override func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        if footerInline {
            return sourceData.count
        }
        return sourceData.count - 1
    }

    override func tableView(_ tableView: UITableView, heightForFooterInSection section: Int) -> CGFloat {
        if footerText != nil {
            return self.tableView.frame.height / 10
        }
        return 0
}

    override func tableView(_ tableView: UITableView, viewForFooterInSection section: Int) -> UIView? {
        if footerText != nil {
            let cell = UITableViewCell()
            cell.frame = CGRect(origin: CGPoint(x: 0, y: self.tableView.frame.height - self.tableView.rowHeight), size: CGSize(width: self.tableView.frame.width, height: self.tableView.frame.height / CGFloat(10)))
            cell.backgroundColor = UIColor.red

            let textLabel = UILabel(frame: CGRect(origin: CGPoint.zero, size: cell.frame.size))
            textLabel.text = footerText

            cell.addSubview(textLabel)

            return cell
        }
        return nil
    }

    override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return self.tableView.frame.height / 10
    }

    override func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
        tableView.register(UITableViewCell.self, forCellReuseIdentifier: "cell")

        let cell = tableView.dequeueReusableCell(withIdentifier: "cell") ?? UITableViewCell()

        // Clean

        for subview in cell.subviews {
            subview.removeFromSuperview()
        }

        // Configure

        if indexPath.row == sourceData.count - 1 && footerInline {
            cell.backgroundColor = UIColor.red
        }
        else
        {
            cell.backgroundColor = UIColor.blue
        }

        let textLabel = UILabel(frame: CGRect(origin: CGPoint.zero, size: cell.frame.size))
        textLabel.text = sourceData[indexPath.row]

        cell.addSubview(textLabel)

        return cell
    }
}

要对此进行测试,请将viewDidLoad中for ...循环的范围从0 ..&lt; 5更改为0 ..&lt; 50。您将看到该行为符合您想要达到的目标。

希望有所帮助!