Increase touch target size of UISlider with Swift

Question

I managed to increase the thumb size of my UISlider with Swift but the touch zone is still too small for my application.

How to programmatically increase the size of the touch zone for a UISlider?

Should I re-implement a custom slider by myself?

Thank you!

Possible duplicate of [Custom UISlider - Increase "hot spot" size](http://stackoverflow.com/questions/13196263/custom-uislider-increase-hot-spot-size) — Roland Keesom, Jan 21 '17 at 15:22

score 15 · Accepted Answer · answered Jun 03 '16 at 08:16

15

Subclass UISlider and in your custom class of slider add this method,

  func pointInside(_ point: CGPoint, withEvent event: UIEvent?) -> Bool {
    var bounds: CGRect = self.bounds
    bounds = CGRectInset(bounds, -10, -15)
    return CGRectContainsPoint(bounds, point)
}

Then create object of that subclass when you used slider.

If you have used slider in interfacebuilder (storyboard) then set it's class to that custom slider class from identity inspector.

answered Jun 03 '16 at 08:16

Ketan Parmar

27,092
9
50
75

NIce! It works, but apparently the touch zone stay limited to the thumb size. If the touch zone is bigger than the thumb size, then it's reduced to the thumb size.Thanks!! – Jojo56400 Jun 03 '16 at 08:41

score 11 · Answer 2 · answered Jun 02 '17 at 09:19

Swift 3 update of Lion's great answer:

import UIKit

class CustomSlider: UISlider {

     override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        var bounds: CGRect = self.bounds
        bounds = bounds.insetBy(dx: -10, dy: -15)
        return bounds.contains(point)
     }
}

Increase touch target size of UISlider with Swift

2 Answers2