2016-03-01 1 views
1

Le pouce par défaut d'un UISlider n'est parfois pas trop facile à saisir et à toucher par tous (en raison de certaines personnes ayant des doigts relativement plus gros), mon but est de rendre la zone de contact plus large, pour résoudre , J'ai ajouté une image de pouce personnalisée, le problème est que l'image est pixélisée!Pourquoi l'image de pouce personnalisée d'UISlider est-elle pixélisée? (Les images et codes à l'intérieur)

Problème:

L'image thumb image get pixellisée comme suit

enter image description here

L'image suivante montre le point chaud du pouce (en permettant color blended dans le menu de débogage simulateur)

enter image dehttp://i.stack.imgur.com/VWlOt.pngscription here

Ce pouce image J'utilise dans Xcode:

enter image description here

Est-il possible de changer la taille de l'image du pouce comme dans UIImageView, je ne peux pas trouver un cadre pour l'image de pouce pour manipuler la largeur et la hauteur.

Mon code:

var slider1=UISlider(frame:CGRectMake(Box.x4, 0, Box.x10, 100)); 
    slider1.minimumValue = 0; 
    slider1.center.y = labelBudget1.center.y 
    slider1.maximumValue = 100; 
    slider1.continuous = false; 
    slider1.value = 0; 
    slider1.minimumTrackTintColor = hexStringToUIColor(Box.colorHexGreen) 
    slider1.maximumTrackTintColor = UIColor.lightGrayColor() 
    slider1.setThumbImage(UIImage(named: "sliderThumb.png"), forState: UIControlState.Normal) 
    slider1.addTarget(self, action: "slider1ValueDidChange:", forControlEvents: UIControlEvents.TouchDragInside) 
    scrollView1.addSubview(slider1); 

Mes tentatives pour résoudre ce:

J'ai trouvé des questions similaires, mais pas rapide, et certains ne sont pas répondu, et d'autres solutions que didn ne fonctionne pas, comme cette solution n'a pas résolu le problème pour moi. J'ai également essayé d'utiliser une image plus grande, mais elle est si grande qu'elle couvre plus de surface que j'en ai besoin! et ça aurait l'air étrange, toute aide ou conseil est apprécié, merci beaucoup.

EDIT @ Husyn

si j'utilise une image de pouce plus grand, alors il est encore pixélisée et la limitation ne serait comme cela, il examinera la zone vide du pouce dans le cadre du pouce, J'ai essayé cela avant de demander si, voir gif.

enter image description here

le curseur image i utilisé

enter image description here

Répondre

1

RÉSOLU par Psy | sur le canal IRC

J'ai juste besoin d'ajouter 2x 3x images dans une image mis enter image description here

Les résolutions images sont

triangle.png (27 * 42)

triangle @ 2x .png (54 * 84)

[email protected] (81 * 126)

0

de solution est plus simple d'utiliser une grande image avec transparence. De cette façon, vous aurez une plus grande surface tactile et il ne sera pas visible par l'utilisateur.

+0

merci, j'ai édité la question et ajouté un gif en essayant cette solution. – DeyaEldeen