如何创建一个自定义的类似分段的视图，可以在谷歌地图的位置描述中看到在Swift?

Question

我想创建一个自定义的类似分段的视图，可以在谷歌地图的地方描述中看到，其中有概述，描述等部分。不像谷歌地图，点击其中任何一个都应该导航到同一视图中的UITableView部分，而不是打开不同的视图或VC。示例:谷歌地图地点的描述

Answer 1

使用这个pod ScrollableSegmentedControl

@IBOutlet weak var segmentedControl: ScrollableSegmentedControl!
override func viewDidLoad() {
super.viewDidLoad()
segmentedControl.segmentStyle = .textOnly
segmentedControl.insertSegment(withTitle: "Segment 1", image: #imageLiteral(resourceName: "segment-1"), at: 0)
segmentedControl.insertSegment(withTitle: "Segment 2", image: #imageLiteral(resourceName: "segment-2"), at: 1)
segmentedControl.insertSegment(withTitle: "Segment 3", image: #imageLiteral(resourceName: "segment-3"), at: 2)
segmentedControl.insertSegment(withTitle: "Segment 4", image: #imageLiteral(resourceName: "segment-4"), at: 3)
segmentedControl.insertSegment(withTitle: "Segment 5", image: #imageLiteral(resourceName: "segment-5"), at: 4)
segmentedControl.insertSegment(withTitle: "Segment 6", image: #imageLiteral(resourceName: "segment-6"), at: 5)

segmentedControl.underlineSelected = true

segmentedControl.addTarget(self, action: #selector(TableViewController.segmentSelected(sender:)), for: .valueChanged)
// change some colors 
segmentedControl.segmentContentColor = UIColor.white
segmentedControl.selectedSegmentContentColor = UIColor.yellow
segmentedControl.backgroundColor = UIColor.black
// Turn off all segments been fixed/equal width. 
// The width of each segment would be based on the text length and font size. 
segmentedControl.fixedSegmentWidth = false}
func segmentSelected(sender:ScrollableSegmentedControl) {
print("Segment at index (sender.selectedSegmentIndex)  selected")}