iOS swift UISlider 改变进度条高度与圆形滑块大小

2024-01-31 10:35:35

自定义 UISlider 外观的完整指南

UISlider 是 iOS 中一种功能强大的控件，可用于调整值或选择范围。它通常由一个水平进度条和一个可拖动滑块组成，可通过拖动来更改进度条的值。UISlider 提供了丰富的属性和方法，允许您根据您的设计需求对其外观和行为进行自定义。

一、改变进度条高度

要更改 UISlider 的进度条高度，请使用 minimumTrackImage 和 maximumTrackImage 属性。这些属性分别用于设置进度条的最小值和最大值轨道部分的图像。您可以使用 UIColor 或 UIImage 来设置这些属性。

// 设置最小值轨道部分的背景色
slider.minimumTrackTintColor = .red

// 设置最大值轨道部分的背景色
slider.maximumTrackTintColor = .gray

// 设置进度条的高度
slider.frame.size.height = 20

二、改变圆形滑块大小

要更改 UISlider 的圆形滑块大小，请使用 thumbImage 属性。此属性用于设置滑块的图像。您可以使用 UIColor 或 UIImage 来设置此属性。

// 设置滑块的背景色
slider.thumbTintColor = .blue

// 设置滑块的大小
slider.thumbRect(forBounds: slider.bounds) = CGRect(x: 0, y: 0, width: 30, height: 30)

三、改变进度条颜色

要更改 UISlider 的进度条颜色，请使用 progressTintColor 属性。此属性用于设置进度条的填充色。您可以使用 UIColor 或 UIImage 来设置此属性。

// 设置进度条的颜色
slider.progressTintColor = .green

四、改变滑块形状

要更改 UISlider 的滑块形状，请使用 thumbImage 属性。此属性用于设置滑块的图像。您可以使用 UIColor 或 UIImage 来设置此属性。

// 设置滑块的形状
slider.thumbImage = UIImage(named: "custom_thumb_image")

五、改变滑块位置

要更改 UISlider 的滑块位置，请使用 value 属性。此属性用于设置滑块的当前值。您可以使用 Float 或 Double 来设置此属性。

// 设置滑块的位置
slider.value = 0.5

六、改变滑块最小值和最大值

要更改 UISlider 的滑块最小值和最大值，请使用 minimumValue 和 maximumValue 属性。这两个属性分别用于设置滑块的最小值和最大值。您可以使用 Float 或 Double 来设置这两个属性。

// 设置滑块的最小值
slider.minimumValue = 0

// 设置滑块的最大值
slider.maximumValue = 100

七、启用或禁用滑块

要启用或禁用 UISlider，请使用 isEnabled 属性。此属性用于设置滑块是否可用。您可以使用 Bool 来设置此属性。

// 启用滑块
slider.isEnabled = true

// 禁用滑块
slider.isEnabled = false

八、添加滑块事件

要添加滑块事件，请使用 addTarget 方法。此方法用于将目标添加到滑块的事件列表中。当滑块发生事件时，目标将收到通知。

// 添加滑块事件
slider.addTarget(self, action: #selector(sliderValueChanged), for: .valueChanged)

// 滑块事件处理方法
@objc func sliderValueChanged(sender: UISlider) {
    // 获取滑块当前值
    let value = sender.value

    // 更新 UI
    label.text = String(value)
}