iOS中的快速滚动设计模式

Question

我的应用程序中有一个很长的列表。每个单元格都有多行文本和一幅大图片，因此在这个200+项列表中滚动非常繁琐。

我想要实现一个解决方案，使滚动更容易，而不实现字母滚动如联系人应用程序(因为这将阻止我允许快速滚动)。

我想要实现一个解决方案，如果你在右边滚动(你的手指在右边的滚动条上盘旋)，它的工作原理就像你在桌面上的滚动条上点击和拖动一样(这意味着你可以非常快地将滚动条拖到顶部或底部)。

这是iOS的可行设计吗？如果是这样的话，实现它的最佳方式是什么？

Answer 1

你可以用一个UISlider来达到这个目的。在这里，我创建了一个包含1000行的小表视图和一个滚动它们的滑块：示例。

您可以自定义UISlider，使其变得更小、更垂直或任何您想要的。以下是viewControllers代码，以防文件脱机：

class ViewController: UIViewController, UITableViewDelegate, UITableViewDataSource {

    @IBOutlet weak var slider: UISlider!
    @IBOutlet weak var tableView: UITableView!
    private let numberOfRows = 1000

    override func viewDidLoad() {
        super.viewDidLoad()
        slider.maximumValue = Float(numberOfRows - 1) //due to rows goes from 0 to 999
    }

    func tableView(tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
        return numberOfRows
    }

    func tableView(tableView: UITableView, cellForRowAtIndexPath indexPath: NSIndexPath) -> UITableViewCell {
        let cell = tableView.dequeueReusableCellWithIdentifier("cellIdentifier") as! UITableViewCell
        cell.textLabel?.text = "\(indexPath.row)"
        return cell;
    }

    @IBAction func sliderValueChanged(sender: UISlider) {
        let positionToScroll = sender.value
        tableView.scrollToRowAtIndexPath(NSIndexPath(forRow: Int(positionToScroll), inSection: 0), atScrollPosition: UITableViewScrollPosition.None, animated: false)
    }

}