Comment pouvons-nous utiliser les jeux de couleurs du catalogue Assets ?

Question

J'utilise habituellement des UIColors personnalisés sur iOS en utilisant des extensions avec Swift, mais maintenant avec iOS 11/ Xcode 9 nous pouvons créer des Colors Sets. Comment pouvons-nous les utiliser ?

Mise à jour - Conseil

Comme @Cœur le dit, nous pouvons glisser et déposer la couleur, et l'utiliser comme un objet UIColor. Une solution possible serait de l'utiliser comme une extension :

Ou comme une constante :

Maintenant, je veux savoir si nous pouvons y accéder comme un UIImage accède à une image d'actif ou non, comme :

UIImage(named: "image-name") -> UIColor(named: "color-name")

Answer 1

UIColor(named: "myColor") 

Source : Session 237 de la WWDC 2017 -- Nouveautés de MapKit

---

Mise en garde : Le projet de votre Cible de déploiement doit être réglé sur iOS 11.0.

Answer 2

(réponse courte à la mise à jour de la question : il y a UIColor(named: "MyColor") dans Xcode 9.0)

Répondre à la question initiale :

1. vous créez votre jeu de couleurs

2. vous trouvez votre couleur parmi vos snippets et vous la faites glisser-déposer

3. cela se traduira par une couleur littérale lorsque vous regarderez le code source :

   #colorLiteral(red: 0, green: 0.6378085017, blue: 0.8846047521, alpha: 1)

Tu as remarqué que les valeurs du rouge, du vert et du bleu sont différentes ? C'est parce que je les ai définies en utilisant l'espace couleur. Display P3 mais le colorLiteral utilise l'espace colorimétrique sRGB .

Answer 3

Version courte

Ajoutez un jeu de couleurs à un catalogue d'actifs, nommez-le et définissez votre couleur dans l'inspecteur d'attributs, puis appelez-le dans votre code avec UIColor(named: "MyColor") .

Instructions complètes

1. Dans le visualiseur du catalogue d'actifs, cliquez sur le bouton plus en bas à droite du panneau principal et choisissez Nouveau jeu de couleurs

   

2. Cliquez sur le carré blanc, et sélectionnez l'option Inspecteur des attributs (icône la plus à droite dans le volet de droite)

3. À partir de là, vous pouvez nommer et choisir votre couleur.

   

4. Pour l'utiliser dans votre code, appelez-le avec UIColor(named: "MyColor") . Cette fonction renvoie une option, vous devrez donc la déballer dans la plupart des cas (c'est probablement l'un des rares cas où un déballage forcé est acceptable, étant donné que vous savez que la couleur existe dans votre catalogue de ressources).

Answer 4

Vous devez utiliser UIColor(named: "appBlue") .

Et vous pouvez créer une fonction dans l'extension UIColor pour un accès simple.

enum AssetsColor {
   case yellow
   case black
   case blue
   case gray
   case green
   case lightGray
   case separatorColor
   case red
}

extension UIColor {

    static func appColor(_ name: AssetsColor) -> UIColor? {
        switch name {
        case .yellow:
            return UIColor(named: "appYellow")
        case .black:
            return UIColor(named: "appBlack")
        case .blue:
            return UIColor(named: "appBlue")
        case .gray:
            return UIColor(named: "appGray")
        case .lightGray:
            return UIColor(named: "appLightGray")
        case .red:
            return UIColor(named: "appRed")
        case .separatorColor:
            return UIColor(named: "appSeparatorColor")
        case .green:
            return UIColor(named: "appGreen") 
        }
    }
}

Vous pouvez l'utiliser comme ceci :

userNameTextField.textColor = UIColor.appColor(.gray)

Answer 5

 // iOS
 let color = UIColor(named: "SillyBlue")

 // macOS
 let color = NSColor(named: "SillyBlue")