2
値が変更されたときに目盛りとスナップが付いたUISliderを作成しました。問題は、スライダが自然に端に行くことはなく、左と右の目盛が円の外側に見えるということです。私は終わりに行くためにUISliderクラスを拡張しましたが、アニメーションはスライダーを次の目盛りに移動することと競合し、円は画面外になります。どのようにスナップをアニメーションにして、スライダの円を最後まで動かすことができますか?ここで私はスライダーがエッジになったときに、左と右の目盛りを非表示にすることで、私の問題を修正カスタムUISliderが終了しない
class CustomSlider: UISlider {
override func thumbRect(forBounds bounds: CGRect, trackRect rect: CGRect, value: Float) -> CGRect
{
let unadjustedThumbrect = super.thumbRect(forBounds: bounds, trackRect: rect, value: value)
let thumbOffsetToApplyOnEachSide:CGFloat = unadjustedThumbrect.size.width/2.0
let minOffsetToAdd = -thumbOffsetToApplyOnEachSide
let maxOffsetToAdd = thumbOffsetToApplyOnEachSide
let offsetForValue = minOffsetToAdd + (maxOffsetToAdd - minOffsetToAdd) * CGFloat(value/(self.maximumValue - self.minimumValue))
var origin = unadjustedThumbrect.origin
origin.x += offsetForValue
return CGRect(origin: origin, size: unadjustedThumbrect.size)
}
}
@IBOutlet weak var slider: CustomSlider!
let tickArray : [Float] = [Float(18),Float(20),Float(22),Float(24),Float(26),Float(28),Float(30)]
override func viewDidLoad() {
super.viewDidLoad()
self.slider.value = tickArray[0]
self.slider.minimumValue = tickArray[0]
self.slider.maximumValue = tickArray[6]
self.slider.isContinuous = false
var tick : UIView
for i in 0..<tickArray.count-1 {
tick = UIView(frame: CGRect(x: (self.slider.frame.size.width/6) * CGFloat(i), y: (slider.frame.size.height - 13)/2, width: 2, height: 13))
tick.backgroundColor = "8E8E93".hexColor
slider.insertSubview(tick, belowSubview: slider)
}
tick = UIView(frame: CGRect(x: self.slider.frame.size.width-2, y: (slider.frame.size.height - 13)/2, width: 2, height: 13))
tick.backgroundColor = "8E8E93".hexColor
slider.insertSubview(tick, belowSubview: slider)
}
@IBAction func sliderValueChanged(_ sender: UISlider) {
if sender.value > tickArray[5] {
slider.value = tickArray[6]
} else if sender.value > tickArray[4] {
slider.value = tickArray[5]
} else if sender.value > tickArray[3] {
slider.value = tickArray[4]
} else if sender.value > tickArray[2] {
slider.value = tickArray[3]
} else if sender.value > tickArray[1] {
slider.value = tickArray[2]
} else if sender.value >
tickArray[0] {
slider.value = tickArray[1]
} else {
slider.value = tickArray[0]
}
}
問題の外観を正確に示すことができますか? –
私は自分の投稿に1つ添付しました。円の右側に右の目盛が見えます。 – user1079052
画像には、スライダーの最初の問題がすべて右に進んでいないことが示されています – user1079052