Comment définir UISegmentedControl Teinte de Couleur pour chaque segment

De commencer à apprendre Swift et suis en train d'essayer de convertir cette ObjectiveC code:

[[mySegmentedControl.subviews objectAtIndex:0] setTintColor:[UIColor blueColor]]

Ce définit correctement la teinte de la couleur du premier segment.

C'est le plus proche je suis arrivé à obtenir rapidement une version du même code:

mySegmentedControl?.subviews[0].tintColor = UIColor.blueColor()

L'erreur que j'obtiens est '@Ivalue $T9' is not identical to 'UIColor!!'

Je ne comprends pas ce que cette erreur signifie. Quand je regarde les .tintColor méthode de la liste UIColor!? et je n'ai pas trouvé ce que l' !? ensemble, c'est rapide encore.

Si mySegmentedControl un IBOutlet? Si elle l'est, de la déclarer @IBOutlet var mySegmentedControl = UISegmentedControl! Ensuite, vous n'avez pas besoin ? de l'opérateur. Qui ne permettent pas de résoudre l'ensemble du problème, mais c'est une chose. Si les sous-vues[0] peut retourner nil, alors c'est une option, donc peut-être mettre un ! après [0].

InformationsquelleAutor Portland Runner | 2015-03-28

swift uisegmentedcontrol

18

Cela permettra de résoudre votre problème:
```
var subViewOfSegment: UIView = mySegmentedControl.subviews[0] as UIView
subViewOfSegment.tintColor = UIColor.blueColor()
```
Vous pouvez également
```
(mySegmentedControl.subviews[0] as UIView).tintColor = UIColor .blueColor()
```
- Est-ce documenté?
- Je suis l'évolution de la teinte de couleur pour chaque segment sur le robinet de segment, mais qui reflète mal la couleur, s'il vous plaît aider!!!
- Est-il un moyen d'avoir des couleurs différentes pour le texte en surbrillance de couleur? ont une couleur différente pour chaque segment
InformationsquelleAutor Prajeet Shrestha
9

La façon la plus simple que j'ai trouvé est:
```
segmentControl.setTitleTextAttributes([NSForegroundColorAttributeName: UIColor.redColor()], forState: UIControlState.Selected)
```
- Cela fonctionne pour les cas simples si vous voulez changer le bouton de couleur en fonction de la sélection. J'avais besoin de changer un index spécifique couleur indépendamment de l'état sélectionné pour une INTERFACE utilisateur personnalisée.
- Swift 5 version: segmentControl.setTitleTextAttributes([NSAttributedString.Clé.foregroundColor: UIColor.rouge], pour: UIControl.État.sélectionné)
InformationsquelleAutor Adam Gammell

Pour changer la nuance de couleur du segment sélectionné

Utiliser la valeur événement a changé pour le UISegmentControl de trier les segments dans l'ordre par leur origine valeur de x, puis la boucle et de comparer les selectedSegmentIndex de la propriété. Voici un exemple, en supposant une segmentation de contrôle de 4 segments:

@IBAction func indexChanged(sender: UISegmentedControl) {

    let sortedViews = sender.subviews.sort( { $0.frame.origin.x < $1.frame.origin.x } )

    for (index, view) in sortedViews.enumerate() {
        if index == sender.selectedSegmentIndex {
            view.tintColor = UIColor.blueColor()
        } else {
            view.tintColor = UIColor.lightGrayColor()
        }
    }

}

Puis dans le viewDidLoad définir la nuance de couleur pour le premier segment sélectionné, dans ce cas, il est le premier:

let sortedViews = segmentedControlOutletVariable.subviews.sort( { $0.frame.origin.x < $1.frame.origin.x } )
sortedViews[0].tintColor = UIColor.blueColor()

InformationsquelleAutor gabo

Ce code fonctionne très bien avec la dernière version de Swift comme sur Mars 2017 (Swift 3.0)

Ici ce code que j'ai mis en place est l'extension pour le Segment de contrôle et peut être utilisé pour tous le segment des contrôles de l'application, où l'ensemble du code est défini dans la classe d'application.

Méthode d'Extension peut être utilisé directement dans l'application, vous pouvez également ajouter tous les paramètres, même de la méthode ou des méthodes différentes dans le prolongement de la classe, comme indiqué ci-dessous.

extension UISegmentedControl {
func setSegmentStyle() {
    setBackgroundImage(imageWithColor(color: backgroundColor!), for: .normal, barMetrics: .default)
    setBackgroundImage(imageWithColor(color: tintColor!), for: .selected, barMetrics: .default)
    setDividerImage(imageWithColor(color: UIColor.clear), forLeftSegmentState: .normal, rightSegmentState: .normal, barMetrics: .default)



     let segAttributes: NSDictionary = [
            NSForegroundColorAttributeName: UIColor.gray,
            NSFontAttributeName: UIFont(name: "System-System", size: 14)!
        ]

        setTitleTextAttributes(segAttributes as [NSObject : AnyObject], for: UIControlState.selected)
    }

    //create a 1x1 image with this color
    private func imageWithColor(color: UIColor) -> UIImage {
        let rect = CGRect(x: 0.0, y: 0.0, width:  1.0, height: 1.0)
        UIGraphicsBeginImageContext(rect.size)
        let context = UIGraphicsGetCurrentContext()
        context!.setFillColor(color.cgColor);
        context!.fill(rect);
        let image = UIGraphicsGetImageFromCurrentImageContext();
        UIGraphicsEndImageContext();
        return image!
    }
}

Partout pour les segments le code ci-dessous peut être utilisé

 self.mySegment.setSegmentStyle()

Comment définir UISegmentedControl Teinte de Couleur pour chaque segment

InformationsquelleAutor BHUVANESH MOHANKUMAR

1

Après analyse et d'essayer beaucoup de réponses à ce type de questions, j'ai réalisé que, avec un 3e partie personnalisée segmenté de contrôle, il sera beaucoup plus facile et plus sûr de faire les personnalisations que d'essayer de pirater Apple UISegmentedControl.

Voici un exemple de personnalisation avec XMSegmentedControl (Swift 3).

Certains dans le code:
```
    mySegmentControl.delegate = self
    mySegmentControl.font = UIFont.systemFont(ofSize: 12)
```
Et certains dans Interface Builder (peut être fait dans le code si vous le souhaitez):

Le résultat est:

Dans mon cas, il ressemble beaucoup à un système, mais il ya encore des différences mineures, j'ai eu à faire exactement ce que le concepteur a voulu qu'il soit.

Noter que XMSegmentedControl ne permet pas d'avoir des couleurs de fond différentes pour les différents segments, mais vous pouvez facilement ajouter cette si nécessaire, car il est simple .swift fichier, ce qui est très facile à comprendre et à modifier.
- J'ai mis à jour ma réponse à montrer les possibilités de personnalisation. La coutume sectorielle de contrôle est simple et claire de code, vous pouvez facilement le modifier pour être en mesure de définir des couleurs différentes pour chaque segment.
InformationsquelleAutor Vitalii

sender.subviews.sort ne fonctionne pas dans Swift (4) et retirer la frontière est référencé sur Comment faire pour supprimer la frontière de commande segmentée

extension UISegmentedControl {
//create a 1x1 image with this color
private func imageWithColor(color: UIColor) -> UIImage {
let rect = CGRect(x: 0.0, y: 0.0, width:  1.0, height: 1.0)
UIGraphicsBeginImageContext(rect.size)
let context = UIGraphicsGetCurrentContext()
context!.setFillColor(color.cgColor);
context!.fill(rect);
let image = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();
return image!
}
func removeBackgroundColors() {
self.setBackgroundImage(imageWithColor(color: .clear), for: .normal, barMetrics: .default)
self.setBackgroundImage(imageWithColor(color: .clear), for: .selected, barMetrics: .default)
self.setDividerImage(imageWithColor(color: UIColor.clear), forLeftSegmentState: .normal, rightSegmentState: .normal, barMetrics: .default)
}
struct viewPosition {
let originX: CGFloat
let originIndex: Int
}
func updateTintColor(selected: UIColor, normal: UIColor) {
let views = self.subviews
var positions = [viewPosition]()
for (i, view) in views.enumerated() {
let position = viewPosition(originX: view.frame.origin.x, originIndex: i)
positions.append(position)
}
positions.sort(by: { $0.originX < $1.originX })
for (i, position) in positions.enumerated() {
let view = self.subviews[position.originIndex]
if i == self.selectedSegmentIndex {
view.tintColor = selected
} else {
view.tintColor = normal
}
}
}
}
override func viewDidLoad() {
super.viewDidLoad()
mySegment.removeBackgroundColors()
mySegment.backgroundColor = .clear
mySegment.updateTintColor(selected: myNavigationColor, normal: text1Color)
}

InformationsquelleAutor C.F. Wang

La solution est uniquement pour les deux secteurs, mais il pourrait être facilement étendu à utiliser pour autant que de besoin.
Tout d'abord, je suggère de créer un enum:

    enum SegmentedSections: Int { 
case first, 
case second
}

Que d'en créer un d'une fonction, et d'appeler cette fonction dans le viewDidLoad, et aussi à chaque fois de l'appeler quand .valueChanged qui se passe dans segmentedControl:

func setProperSegmentedControlColoring(_ segment: UISegmentedControl, type: SegmentedSections) {
setSeparatorImages(for: segment, with: type)
let subviews = segment.subviews
let sortedViews = subviews.sorted(by: { $0.frame.origin.x < $1.frame.origin.x })
for (index, view) in sortedViews.enumerated() {
switch type {
case .first:
if index == segment.selectedSegmentIndex {
view.tintColor = .red
} else {
view.tintColor = .blue
}
case .second:
if index == segment.selectedSegmentIndex {
view.tintColor = .blue
} else {
view.tintColor = .red
}
}
}
}

Aussi, vous aurez besoin de changer diviseur image en conséquence:

func setSeparatorImages(for segment: UISegmentedControl, with type: EarnType) {
switch type {
case .first:
let image = UIImage(color: .red)
segment.setDividerImage(image, forLeftSegmentState: .selected, rightSegmentState: .normal, barMetrics: .default)
case .second:
let image = UIImage(color: .blue)
segment.setDividerImage(image, forLeftSegmentState: .selected, rightSegmentState: .normal, barMetrics: .default)
}
}

Aussi, vous aurez besoin d'avoir une extension pour UIImage. Vous pouvez le trouver ici.

InformationsquelleAutor Volodymyr Nazarkevych

-1

class MyUISegmentedControl: UISegmentedControl {
required init(coder aDecoder: NSCoder){
super.init(coder: aDecoder)!
for subViewOfSegment: UIView in subviews {
subViewOfSegment.tintColor = UIColor.red
}
}
}

InformationsquelleAutor nahlamortada

Vous devez vous connecter pour publier un commentaire.