如何用Swift 3创建类似Coinbase的温度标尺滑块？

嘿，我来帮你捋捋这个Coinbase风格温度标尺的实现问题～

首先得说，你用UIScrollView作为容器+UIBezierPath循环画刻度的思路完全没问题，Coinbase的温度标尺本质就是一个可横向滚动的刻度条，UIScrollView天然适配这种可滚动的交互场景。

不过可以给你几个优化小建议：

• 把刻度区分成主刻度（带温度数字）和副刻度，用不同的长度、颜色或者粗细来区分，视觉上更清晰，和Coinbase的效果更贴近。
• 尽量用CAShapeLayer来绘制刻度线，而不是直接在draw(_:)里画，这样可以避免每次滚动都重绘整个视图，性能会更好，尤其是刻度数量比较多的时候。
• 把刻度的配置（比如间距、长度、颜色）抽成常量，后续调整参数会非常方便。

你提到的靠X坐标转换精度不够，核心问题应该是直接用contentOffset.x的整数值来计算温度了，其实可以通过精准的数值映射来解决，甚至还能实现刻度吸附的效果，让体验更丝滑：

1. 建立精确的温度-像素映射关系 #

先提前定义好几个关键常量：

// 基准温度（比如0℃）对应的contentOffset.x值
let baseTemperature: CGFloat = 0.0
let baseOffsetX: CGFloat = 0.0
// 每1℃对应的像素宽度（比如15pt，可根据需求调整）
let pixelsPerDegree: CGFloat = 15.0

然后用公式计算当前温度，这样得到的是浮点数，精度完全足够：

func getCurrentTemperature() -> CGFloat {
    let currentOffset = scrollView.contentOffset.x
    // 计算偏移量和基准偏移的差值，再转换为温度
    let temperatureDelta = (currentOffset - baseOffsetX) / pixelsPerDegree
    return baseTemperature + temperatureDelta
}

如果需要显示给用户，可以格式化保留1-2位小数：

let temp = getCurrentTemperature()
let displayText = String(format: "%.1f℃", temp)

2. 添加刻度吸附效果（可选但推荐） #

Coinbase的标尺滚动停止时会自动对齐到最近的刻度，这不仅提升体验，还能让读取的温度更准确。你可以通过UIScrollView的代理方法实现：

func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
    let targetX = targetContentOffset.pointee.x
    // 计算应该对齐到的目标偏移量：四舍五入到最近的刻度位置
    let alignedX = round(targetX / pixelsPerDegree) * pixelsPerDegree
    targetContentOffset.pointee.x = alignedX
}

3. 实时更新温度的优化 #

如果需要在滚动过程中实时显示温度，直接在scrollViewDidScroll里调用上面的getCurrentTemperature()方法就可以，完全不用担心精度问题——因为contentOffset.x本身就是精确的浮点数（不是整数），只要映射公式正确，计算出来的温度精度足够满足需求。

• 如果刻度数量非常多，不要一次性绘制所有刻度，可以只绘制当前可见区域+前后一段缓冲区域的刻度，避免不必要的绘制消耗。
• 把显示当前温度的标签固定在屏幕的某个位置（比如scrollView上方），不要让它跟着滚动，这样用户查看温度更方便。

内容的提问来源于stack exchange，提问作者Foddy