Ajouter un sélecteur de couleurs pour une application iOS

J'essaye d'ajouter un sélecteur de couleurs pour mon application iOS, en utilisant Xcode 5. Il semble que Xcode offre un cadre de couleur via le Panneau Palettes de Interface Builder, mais je ne trouve pas le Panneau Palettes (je ne peux trouver aucune documentation en ligne au-delà du lien).

Ce lien suggère aussi une NSColorWell peuvent être ajoutés par programmation. Je préfère aller de l'Interface du Générateur de route, mais si ce n'est pas une option exemple de code serait le bienvenu.

double possible de iOS: comment puis-je mettre en œuvre un sélecteur de couleur dans mon application?
Il ya quelques questions sur faisant la demande sur les sélecteurs de couleur dans iOS/Xcode, mais aucun d'entre eux récente. La possible dupe vous vous liez à l'est de 2-1/2 ans, et ne tient pas compte de NSColorWell ou la possibilité de le Panneau Palettes de je lien.
NSColorWell est pour osx pas pour ios.
la documentation liée à l'est pour OSX pas iOS. NSColorWell c'est aussi pour OSX.
Oh. Eh bien peut-être cette question est dupe.
cela peut vous intéresser ainsi: stackoverflow.com/questions/6448991/...

InformationsquelleAutor ericsoco | 2014-02-24

23

J'ai eu la même question que vous. C'est dommage qu'il n'y a pas construit dans le sélecteur de couleur pour iOS. Les autres réponses ici et pour des questions similaires, principalement utiliser des bibliothèques tierces ou des projets. Je préfère éviter la troisième partie des trucs à chaque fois que possible, de sorte que nous laisse avec...

Faire votre propre sélecteur de couleur

Il existe de nombreuses façons que vous pourriez le faire, mais voici un exemple simple pour montrer le concept. J'ai mis en place mon story-board, comme ceci:

Il a un UIView (gris) pour montrer la couleur choisie, un UIImageView pour montrer les choix de couleurs, et un UISlider de choisir la couleur. J'ai utilisé l'image suivante dans le UIImageView:

Je l'ai fait à partir de l'couleurs d'un À 12 rayons de la roue des couleurs à l'aide d'une capture d'écran et Gimp est un sélecteur de couleur de l'outil. Gimp est également utile pour obtenir la couleur hex codes nous utiliserons plus tard.

Définir les valeurs min et max pour le Curseur à 0,5 et 13.5. La conversion du curseur de valeurs aux entiers, plus tard, donnera un numéro pour chacune des couleurs à notre image. Départ à 0,5 plutôt que de 0, le curseur de changement de couleur de l'emplacement de correspondre à l'image que mieux.

Raccorder les éléments de l'INTERFACE utilisateur à la Vue de Contrôleur et d'utiliser le code suivant pour convertir la position du curseur de couleurs.
```
class ViewController: UIViewController {

    //RRGGBB hex colors in the same order as the image
    let colorArray = [ 0x000000, 0xfe0000, 0xff7900, 0xffb900, 0xffde00, 0xfcff00, 0xd2ff00, 0x05c000, 0x00c0a7, 0x0600ff, 0x6700bf, 0x9500c0, 0xbf0199, 0xffffff ]

    @IBOutlet weak var selectedColorView: UIView!
    @IBOutlet weak var slider: UISlider!
    @IBAction func sliderChanged(sender: AnyObject) {
        selectedColorView.backgroundColor = uiColorFromHex(colorArray[Int(slider.value)])
    }

    func uiColorFromHex(rgbValue: Int) -> UIColor {

        let red =   CGFloat((rgbValue & 0xFF0000) >> 16) / 0xFF
        let green = CGFloat((rgbValue & 0x00FF00) >> 8) / 0xFF
        let blue =  CGFloat(rgbValue & 0x0000FF) / 0xFF
        let alpha = CGFloat(1.0)

        return UIColor(red: red, green: green, blue: blue, alpha: alpha)
    }
}
```
Maintenant, si vous l'exécutez, vous pouvez choisir la couleur en déplaçant le curseur d'avant en arrière.

Variations
- Positionner le curseur en haut de l'image et la piste des teintes transparentes. Cela donne la sensation d'une INTERFACE utilisateur personnalisée sans avoir à la sous-classe quoi que ce soit.
- Voici une autre image avec les plus claires et plus sombres variations de l'exemple de projet d'image.
```
let colorArray = [ 0x000000, 0x262626, 0x4d4d4d, 0x666666, 0x808080, 0x990000, 0xcc0000, 0xfe0000, 0xff5757, 0xffabab, 0xffabab, 0xffa757, 0xff7900, 0xcc6100, 0x994900, 0x996f00, 0xcc9400, 0xffb900, 0xffd157, 0xffe8ab, 0xfff4ab, 0xffe957, 0xffde00, 0xccb200, 0x998500, 0x979900, 0xcacc00, 0xfcff00, 0xfdff57, 0xfeffab, 0xf0ffab, 0xe1ff57, 0xd2ff00, 0xa8cc00, 0x7e9900, 0x038001, 0x04a101, 0x05c001, 0x44bf41, 0x81bf80, 0x81c0b8, 0x41c0af, 0x00c0a7, 0x00a18c, 0x00806f, 0x040099, 0x0500cc, 0x0600ff, 0x5b57ff, 0xadabff, 0xd8abff, 0xb157ff, 0x6700bf, 0x5700a1, 0x450080, 0x630080, 0x7d00a1, 0x9500c0, 0xa341bf, 0xb180bf, 0xbf80b2, 0xbf41a6, 0xbf0199, 0xa10181, 0x800166, 0x999999, 0xb3b3b3, 0xcccccc, 0xe6e6e6, 0xffffff]
```
- Utiliser un tableau de UIColors pour éviter d'avoir à faire l'hex de conversion.
- Pourrait utiliser plusieurs UIViews plutôt qu'une image, et ensuite définir les couleurs directement à partir du tableau.
De poursuivre l'étude de
- J'aime cette façon de faire d'un sélecteur de couleurs, et avec délégué je peux vraiment utiliser dans mon application. merci.
InformationsquelleAutor Suragch
7

Je pensais que j'allais jeter mon sélecteur de couleur dans le ring. Je l'utilise dans mon application, Vous Doodle et j'ai passé quelques semaines en faire et de le tester dans l'application. Il contient un exemple de projet pour vous montrer comment obtenir commencé avec elle et est open source sous la licence MIT. Il prend en charge n'importe quel appareil (iOS 6+), toute résolution et de portrait et de paysage. Favoris, récents, de la couleur par la couleur, la roue de couleur et d'importer des textures, ainsi que la suppression et le déplacement des favoris à l'avant est prise en charge.

J'ai essayé de combiner les bons morceaux de tous les autres sélecteurs de couleurs et de s'assurer que la licence MIT permet pas de soucis d'intégration dans n'importe quel projet.

Github: https://github.com/jjxtra/DRColorPicker

Captures d'écran:

InformationsquelleAutor jjxtra
4

Il y a un autre cool sélecteur de couleurs apportées par kartech. C'est génial de l'INTERFACE utilisateur pour le choix des couleurs. En outre, vous pouvez marquer les couleurs en tant que favori. Le lien est ici.

Captures d'écran:

InformationsquelleAutor NightFury

Vous devez vous connecter pour publier un commentaire.

Faire votre propre sélecteur de couleur

Variations

De poursuivre l'étude de