2017-03-31 1 views
0

Ich versuche, eine benutzerdefinierte Uislider mit Bildern (ohne einen sichtbaren Knopf, ich verstecke es, wenn der Benutzer kann nicht bearbeiten und zeigen, wenn er kann) Das Problem ist, dass die Seite perfekt rendern, aber der rechte Teil ist süß und scheint nicht die Kanten zu verwenden ... Irgendeine Idee, wie ich es bearbeiten kann?Benutzerdefiniertes UISlider mit UIEdgedInset wird nicht gut dargestellt

Actual Code:

let capLeft:CGFloat = 9 
    let capRight:CGFloat = 9 
    imageMin = imageMinimum?.resizableImage(withCapInsets: UIEdgeInsets(top: 0, left: capLeft, bottom: 0, right: capRight), resizingMode: .stretch) 
    imageMax = imageMaximum 
    slider.setMaximumTrackImage(imageMax, for: UIControlState()) 
    slider.setMinimumTrackImage(imageMin, for: UIControlState()) 

Wie es Rendering: bad slider rendering

Wie es machen sollte: good Rendering

Mindestspurbild: enter image description here

maximalen Tracking Image: enter image description here

Haben Sie eine Idee?

+0

Bitte kümmern Sie sich nicht um die Farben, es ist die Form, die wichtig ist –

+0

hmmm ... haben Sie ein Daumenbild? Und wenn der Schieberegler auf 100% eingestellt ist, sieht das Bild in voller Länge korrekt aus? – DonMag

+0

Sieht bei 100% nicht gut aus. Und ich benutze einen riesigen Daumen die Abdeckung sehr, so kann ich es nicht wirklich dort zu verstecken) –

Antwort

0

Ich denke, es gibt ein wenig Verwirrung über Min und Max Bilder mit UISlider.

Das Min-Bild wird auf der linken Seite des Daumens gezeichnet (und gestreckt). Das Max-Bild wird auf der rechten Seite des Daumens gezeichnet (und gestreckt).

Erstellen Sie ein kleines, quadratisches, durchgezogenes rotes Bild - z. B. 16x16 - und weisen Sie es .setMaximumTrackImage (ohne Einfügung) zu. Sehen Sie, wie das Ende aussieht, wenn Sie von niedrigen zu hohen Werten gehen.

Edit: habe ich KEINE Einsätze auf dem Min Bild für dieses Beispiel ...

enter image description here enter image description here

Hinweis: Früher habe ich in diesen Kappen ein 20x20 klares Bild für den Daumen.

+0

Das ist einer der bleh ich winging herum, ich werde das Grau von Schwarz trennen, aber das erklärt nicht, warum die Kanten "geschnitten" werden –

Verwandte Themen