Wie gebe ich RGB-Werte in Interface Builder ein?

215

Wie kann ich in Interface Builder RGB- oder Hex-Farbwerte für Hintergründe eingeben? Ich kann vordefinierte Farben auswählen, möchte aber RGB-Werte manuell eingeben. Wo kann ich das machen?

iphone cocoa-touch xcode user-interface interface-builder Sheehan Alam
quelle

Antworten:

470

So wählen Sie eine Farbe per RGB in Interface Builder aus.

Klicken Sie auf das Farbschieberegler-Symbol und wählen Sie dann "RGB-Schieberegler" aus der Dropdown-Liste.

Sie können die Lupe auch als Farbwähler verwenden, um von überall auf dem Bildschirm eine exakte Farbe aufzunehmen. Siehe auch den ausgezeichneten Kommentar von @ ken unten, in dem erläutert wird, wie Farbräume mit der Lupe funktionieren.

Tyler
quelle
3
Danke für den Tipp! Zufällige Frage, mit welcher Software haben Sie diesen Screenshot geschrieben? Schöne Ergänzung.
Sheehan Alam
21
Seien Sie vorsichtig mit der Lupe. Nur Komponentennummern geben keine Farbe an, Sie müssen auch den Farbraum kennen. Es ist wie bei String-Codierungen. 65 ist die ASCII-Codierung von A. Der Farbraum, mit dem die Komponenten codiert / decodiert werden sollen, befindet sich in der kleinen Dropdown-Liste links neben den Schiebereglern "RGB" oben. Der Farbraum "Generisches RGB" entspricht Farben, die mit + [NSColor colorWithCalibratedRed: green: blue: alpha:] erstellt wurden. Wenn Sie die Lupe verwenden, werden die Komponenten in Bezug auf den "Geräte" -Raum angegeben, dh den aktuellen Bildschirm. Dies ist nicht angemessen. Wählen Sie generisch nach.
Ken
2
Hoppla, diese Frage ist für das iPhone. Das iPhone ist nicht farblich abgestimmt. sRGB ist wahrscheinlich die beste Annäherung an den Bildschirm. Wenn Sie also Komponentennummern für die Verwendung mit UIColor benötigen, wählen Sie sRGB als Farbraum.
Ken
2
Ich habe ein Wacom Bamboo Fun-Schreibtablett verwendet, um auf den Screenshot in Photoshop zu schreiben (Gimp funktioniert dafür genauso gut). Nahm den Screenshot mit Befehl-Umschalt-4, dann Leerzeichen und klickte auf das Fenster.
Tyler
1
Hat jemand dies erlebt: Wenn ich versuche, die Farbregler zu bewegen, kehren sie einfach in ihre alte Position zurück. (Alles funktioniert, wenn ich die Werte direkt eingebe.)
Bonnie
36

Obwohl Tylers Antwort die Frage beantwortet, können bei der Verwendung der Auswahl Probleme auftreten, da der Farbraum des Displays verwendet wird (wie von Ken erläutert).

Wenn Sie die RGB-Werte zwischen Photoshop und Xcode genau abgleichen möchten (ohne Konvertierung zwischen Farbräumen), müssen Sie Ihre Bilder in generischem RGB speichern und alle Dropper-Werte über den generischen RGB-Farbraum eingeben.

  • Wenn Sie in Photoshop "Für Web & Geräte speichern" auswählen, deaktivieren Sie das Kontrollkästchen "In sRGB konvertieren".

Geben Sie hier die Bildbeschreibung ein

  • Klicken Sie in Xcode in der Farbauswahl auf das Farbraum-Popup und wählen Sie "Allgemeines RGB". Geben Sie dann die Werte für Rot, Grün und Blau in Photoshop ein, NICHT DEN HEX-WERT, da dieser aus irgendeinem Grund wieder in den sRGB-Farbraum zurückkehrt (achten Sie darauf, dies nicht zu tun) Klicken Sie entweder auf das Hex-Feld, da dies auch den Farbraum in sRGB ändert.

Geben Sie hier die Bildbeschreibung ein

Weitere Informationen finden Sie hier , einschließlich der Zuordnung von Screenshots.

Zack Morris
quelle
2
Die Tatsache, dass das Hex-Feld nicht in dem von Ihnen ausgewählten Farbraum bleibt, ist eine schreckliche Eigenschaft.
Zimmryan
@ Zimmryan Klingt nach einem Fehler. Vielen Dank OP
Mattyohe
OMG vielen Dank dafür. Im Xamarin.iOS-Designer funktioniert es genauso und verrückt. Sie müssen sehr vorsichtig sein, um nur die Felder RG und B einzugeben, und was auch immer Sie tun, tippen Sie nicht, da Sie möglicherweise auf das Feld Hex tippen, das auf sRGB zurückgesetzt wird, und Sie müssen von vorne beginnen.
bcr
-1 Schlechter Rat. Wenn Sie GenericRGB als Arbeitsbereich verwenden und beim Exportieren nicht in sRGB konvertieren, stimmen Ihre RGB-Werte überein, Ihre Farben jedoch nicht . Deshalb müssen Sie seltsame Tricks anwenden, damit Ihre Screenshots übereinstimmen. Wenn Ihre RGB-Werte wirklich übereinstimmen müssen, müssen Sie sRGB als Arbeitsbereich verwenden. Andernfalls können Sie beim Export einfach in sRGB konvertieren. Das Einfügen eines Farbprofils hilft nicht, da iOS Farbprofile (für Assets) ignoriert.
Mackie Messer
2

Es hört sich so an, als wären Sie mit dem Mac OS X-Farbfeld nicht vertraut. Klicken Sie auf die Registerkarten oben im Farbfenster, um andere Auswahlmöglichkeiten auszuwählen. Picker sind auch Plugins, sodass Sie eine neue Benutzeroberfläche für die Farbauswahl hinzufügen können. Siehe zum Beispiel Entwicklerfarbwähler .

Ken
quelle
2

Ich weiß, dass dies eine alte Frage ist, aber ich musste heute die Antwort auf dieselbe Frage herausfinden, und sie hat mich auf den richtigen Weg gebracht. Der Farbwähler von panic.com wurde korrekt installiert, aber die hexadezimale Option aus dem Dropdown-Menü im Farbwähler setzt ihn immer auf RGB. Also nicht gut. Stattdessen fand ich Folgendes:

http://wafflesoftware.net/hexpicker/

Das zeigt den Hexadezimalwert und funktioniert vollständig unter Xcode 5.0.1 und Mavericks.

Philip Borges
quelle
0

Geben Sie hier die Bildbeschreibung ein

Überprüfen Sie den obigen Schnappschuss. Wählen Sie in der Farbablage die zweite Schaltfläche (RGB-Schieberegler (Rechteckbild) - die neben dem Kreis oben in der Taskleiste platziert ist). Darin können Sie RGB-Werte eingeben.

Chandan Shetty SP
quelle