2017-10-27 4 views
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] 
      } 
    } 

enter image description here

+0

문제의 이미지를 정확히 제공 할 수 있습니까? –

+0

내 게시물에 하나를 첨부했습니다. 원 오른쪽 오른쪽 틱을 볼 수 있습니다. – user1079052

+0

이미지가 슬라이더의 초기 문제가 오른쪽으로 향하지 않는 것을 보여줍니다 – user1079052

답변

0

내 코드입니다. 이것은 슬라이더 연장의 필요성을 없앴습니다.

관련 문제