Benutzerdefinierte UISlider - Erhöhung "hot spot" Größe

Habe ich eine benutzerdefinierte UISlider, die ist relativ hart, für große Finger Menschen zu greifen und schieben aufgrund der Größe des "thumb-Bild". Gibt es eine Möglichkeit zum vergrößern anklickbar /draggable Bereich zu verändern, ohne die Größe des Bildes?

Hier der code, den ich für das erstellen der benutzerdefinierten Schieberegler, wenn das hilft:

[slider setMaximumTrackImage:[[UIImage imageNamed:@"max.png"]
                                             resizableImageWithCapInsets:UIEdgeInsetsMake(0, 20, 0, 20)]
                                   forState:UIControlStateNormal];
[slider setMinimumTrackImage:[[UIImage imageNamed:@"min.png"]
                                             resizableImageWithCapInsets:UIEdgeInsetsMake(0, 20, 0, 20)]
                                   forState:UIControlStateNormal];
[slider setThumbImage:[UIImage imageNamed:@"thumb.png"]
                            forState:UIControlStateNormal];

Sie konnte cheat - fügen Sie eine Grenze von transparenten Pixel auf dem Daumen Bild, um seine Größe, ohne es suchen anders 🙂
Wenn ich das täte, wäre ich nicht in der Lage sein, den regler auf 0 oder 1. (Wie würde es auf null gesetzt werden, aber es würde nicht so Aussehen, wie es ist durch den transparenten Rand auf der linken/rechten Seite des Bildes.)
So fügen Sie die Polsterung an den linken/rechten Seiten Ihrer Spur Bilder auch. Dann, Ausgleich für nicht in der Lage, Recht bekommen, auf 0 oder 1 in Ihrem code.

InformationsquelleAutor unsunghero | 2012-11-02

26

Ich herauf das bilden von Unterklassen der UISlider und überschreiben dieser Methode:
```
- (BOOL)pointInside:(CGPoint)point withEvent:(UIEvent*)event {
    CGRect bounds = self.bounds;
    bounds = CGRectInset(bounds, -10, -15);
    return CGRectContainsPoint(bounds, point);
}
```
Dadurch verlängert sich die berührbare Fläche um 10 Pixel Links und rechts 15 Pixel oben und unten.
- Dies scheint nicht zu funktionieren in der iOS 6+
- Dies schien zu funktionieren gut auf iOS7. Ich wollte verdicken die Strecke für Grenzen, so dass ich untergeordnet UISlider und reimplementiert (CGRect)trackRectForBounds:(CGRect)Grenzen, aber dann ist der anklickbare Bereich sehr klein war. Die oben genannten fixen dieses Problem
- Dies scheint nicht wirksam auf iOS6, aber funktioniert auf iOS7. Irgendwelche Vorschläge für iOS 6 support?
InformationsquelleAutor unsunghero

Diese Lösung funktioniert mit iOS 8:

class ExtUISlider: UISlider {

    var thumbTouchSize : CGSize = CGSizeMake(50, 50)

    override func pointInside(point: CGPoint, withEvent event: UIEvent?) -> Bool {
        let bounds = CGRectInset(self.bounds, -thumbTouchSize.width, -thumbTouchSize.height);
        return CGRectContainsPoint(bounds, point);
    }

    override func beginTrackingWithTouch(touch: UITouch, withEvent event: UIEvent) -> Bool {
        let thumbPercent = (value - minimumValue) / (maximumValue - minimumValue)
        let thumbSize = thumbImageForState(UIControlState.Normal)!.size.height
        let thumbPos = CGFloat(thumbSize) + (CGFloat(thumbPercent) * (CGFloat(bounds.size.width) - (2 * CGFloat(thumbSize))))
        let touchPoint = touch.locationInView(self)

        return (touchPoint.x >= (thumbPos - thumbTouchSize.width) &&
            touchPoint.x <= (thumbPos + thumbTouchSize.width))
    }
}

Credits gehen zu diesem Beitrag: http://www.mpatric.com/2009-04-15-more-responsive-sliders-on-the-iphone

thumbImageForState(UIControlState.Normal) können die Rückgabe nil, wenn kein benutzerdefiniertes Bild als veröffentlicht unter :stackoverflow.com/questions/21313796/.... Unterklassen, als sugested von Rudolf Adamkovic, löst das problem des Erhaltens der Daumen-Größe.
Danke Thomas! Diese Antwort hat mir geholfen, big time!
iOS 12 als Ergebnis, Daumen springen zu berühren Punkt

InformationsquelleAutor Thomas

Swift 3

Unterklasse von UISlider mit erhöhter touch-Oberfläche

class CustomSlider: UISlider {

    private var thumbTouchSize = CGSize(width: 40, height: 40)

    override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
        let increasedBounds = bounds.insetBy(dx: -thumbTouchSize.width, dy: -thumbTouchSize.height)
        let containsPoint = increasedBounds.contains(point)
        return containsPoint
    }

    override func beginTracking(_ touch: UITouch, with event: UIEvent?) -> Bool {
        let percentage = CGFloat((value - minimumValue) / (maximumValue - minimumValue))
        let thumbSizeHeight = thumbRect(forBounds: bounds, trackRect:trackRect(forBounds: bounds), value:0).size.height
        let thumbPosition = thumbSizeHeight + (percentage * (bounds.size.width - (2 * thumbSizeHeight)))
        let touchLocation = touch.location(in: self)
        return touchLocation.x <= (thumbPosition + thumbTouchSize.width) && touchLocation.x >= (thumbPosition - thumbTouchSize.width)
    }
}

InformationsquelleAutor Roland Keesom

2

gehen Sie mit diesem link
http://erfan-ali-31.blogspot.in/2011/10/more-sensitive-or-responsive-custom.html
seine arbeiten, getestet in Gerät auch

InformationsquelleAutor Hardik Darji

Landete ich mit dieses und es funktioniert ziemlich gut für mich.

Geschrieben, dass diese Antwort, so dass es hilfreich sein könnte, um jemanden.

import UIKit

class CustomSlider: UISlider {

/*
//Only override draw() if you perform custom drawing.
//An empty implementation adversely affects performance during animation.
override func draw(_ rect: CGRect) {
    //Drawing code
}
*/
//Increase slider height
   override func trackRect(forBounds bounds: CGRect) -> CGRect {
    let customBounds: CGRect = CGRect(origin: bounds.origin, size: CGSize(width: bounds.size.width, height: 5.0))
    return customBounds
}



override func thumbRect(forBounds bounds: CGRect, trackRect rect: CGRect, value: Float) -> CGRect {
    return super.thumbRect(
        forBounds: bounds, trackRect: rect, value: value)


}

//Increase Thumb hot spot clickable area
override func point(inside point: CGPoint, with event: UIEvent?) -> Bool {
    var bounds: CGRect = self.bounds
    bounds = bounds.insetBy(dx: -10, dy: -10);
    return bounds.contains(point);

}

override func awakeFromNib() {
    //Configure Volume slider
    let thumbImageNormal = UIImage.init(named:"thumb")
    self.setThumbImage(thumbImageNormal, for: .normal)

    super.awakeFromNib()
}

}

InformationsquelleAutor Abdul Yasin

1

Auch Sie können nur increese Bild Größe, das führt zu die Erhöhung der Schieberegler Größe.
1. Wenn Sie brauchen, um im linken Bild die Größe nicht zu groß, aber passen Sie Schieberegler die Größe nur hinzufügen, durchsichtigen Raum, um Bild-Inhalte.
2. Wenn Sie mit Schieber in UITableViewCell das problem ist auch, dass tableview Griff Geste kurz vor den Schieberegler. Dies zu ändern, verwenden Sie die folgende Lösung:
  https://stackoverflow.com/a/37751635/2150954
  Ich denke, es ist nicht allzu schwierig zu übersetzen sein code zu Ziel C.
- Ich glaube nicht, dass der Abstand im Bild arbeiten können, den Schrubber in die Bild würde nie vollständig berühren Sie die linke oder rechts der regler, weil der Abstand.
InformationsquelleAutor Nikolay Shubenkov
-1

Größe ändern, frame, und ändern Sie die Bildausrichtung auf die gewünschte ein. Sie können Ihre Ausrichtung zentriert, Links, rechts, oben oder unten. Machen Sie es so:
```
CGRect newFrame = sliderHandle.frame;
CGRectSetWidth(newFrame, 80);
CGRectSetHeight(newFrame, 80);
[sliderHandle setFrame:newFrame];
[sliderHandle setContentMode:UIViewContentModeCenter];
```
So Ihre berühren-Rahmen wird größer sein-und image-Skala bleibt unverändert.
- Diese gerade stellt die sichtbare Höhe und Breite des Schiebers, es erhöht nicht die die touch-Oberfläche.
- Sie können auch die Größe der tatsächlichen Fader-Ansicht, die Daten sammelt berührt
InformationsquelleAutor pro_metedor

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.