Como insiro valores RGB no Interface Builder?

215

Como posso inserir valores de cores RGB ou Hex para planos de fundo no Interface Builder? Posso selecionar cores predefinidas, mas gostaria de inserir manualmente os valores RGB. Onde eu posso fazer isso?

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

Respostas:

470

Como escolher uma cor por RGB no Interface Builder.

Clique no ícone do controle deslizante de cores e escolha "Sliders RGB" na lista suspensa.

Você também pode usar a lupa como seletor de cores para selecionar uma cor exata de qualquer lugar da tela; veja também o excelente comentário de @ ken abaixo, esclarecendo como os espaços de cores funcionam com a lupa.

Tyler
fonte
3
Obrigado pela dica! Pergunta aleatória, qual software você usou para escrever sobre essa captura de tela? Adição agradável.
Sheehan Alam
21
Na verdade, tenha cuidado com a lupa. Apenas os números dos componentes não especificam uma cor, você também precisa conhecer o espaço de cores. É como codificações de string. 65 é a codificação ASCII de A. O espaço de cores com o qual codificar / decodificar os componentes está no pequeno menu suspenso à esquerda dos controles deslizantes "RGB" acima. O espaço de cores "Generic RGB" corresponde às cores feitas com + [NSColor colorWithCalibratedRed: green: blue: alpha:]. Se você usar a lupa, os componentes serão fornecidos com relação ao espaço do "dispositivo", o que significa a tela atual. Isto não é apropriado. Selecione genérico depois.
Ken
2
Ops, esta pergunta é para o iPhone. O iPhone não possui correspondência de cores. O sRGB é provavelmente a melhor aproximação de sua tela; portanto, se você quiser ter números de componentes apropriados para uso com o UIColor, selecione sRGB como o espaço de cores.
Ken
2
Usei uma mesa gráfica Wacom Bamboo Fun para escrever na captura de tela no Photoshop (o Gimp funciona tão bem quanto isso). Tire a captura de tela com o comando shift-4 e, em seguida, espaço e clique na janela.
Tyler
1
Alguém já experimentou isso: Quando tento mover os controles deslizantes de cores ... eles apenas voltam à sua antiga posição. (Tudo funciona encontrar se eu digitar os valores diretamente, no entanto.)
Bonnie
36

Embora a resposta de Tyler responda à pergunta, você pode encontrar problemas ao usar o seletor, pois ele usa o espaço de cores da tela (conforme esclarecido por Ken).

Se você deseja corresponder exatamente os valores RGB entre o Photoshop e o Xcode (sem conversão entre espaços de cores), salve suas imagens em RGB genérico e insira qualquer valor de conta-gotas usando o espaço de cores RGB genérico.

  • Ao escolher "Salvar para a Web e dispositivos" no Photoshop, desmarque a caixa "Converter em sRGB".

insira a descrição da imagem aqui

  • No Xcode, clique no pop-up do espaço de cores no seletor de cores e escolha "RGB genérico" e insira os valores vermelho, verde e azul do Photoshop, NÃO O VALOR HEX, pois isso reverterá novamente para o espaço de cores sRGB por algum motivo (tenha cuidado para não guia para o campo hexadecimal, pois isso também altera o espaço de cores para sRGB).

insira a descrição da imagem aqui

Mais informações aqui , incluindo como combinar capturas de tela.

Zack Morris
fonte
2
O fato de o campo hexadecimal não permanecer no espaço de cores selecionado é um recurso terrível.
Zimryan
@zimmryan Parece um bug. Obrigado OP
mattyohe
OMG muito obrigado por isso. Funciona da mesma maneira enlouquecedora no designer do Xamarin.iOS. Você deve ter muito cuidado para digitar apenas as caixas RG e B e, o que quer que faça, não tabule, pois pode tabular a caixa Hex, que é redefinida para sRGB e é necessário começar tudo de novo.
BCR
-1 Mau conselho. Se você usar o GenericRGB como espaço de trabalho e não converter em sRGB ao exportar, seus valores RGB corresponderão, mas suas cores não . É por isso que você precisa usar truques estranhos para fazer com que suas capturas de tela correspondam. Se seus valores RGB realmente corresponderem, você precisará usar o sRGB como espaço de trabalho. Caso contrário, você pode simplesmente converter para sRGB na exportação. A inclusão de um perfil de cores não ajuda porque o iOS ignora os perfis de cores (para ativos).
26615 Mackie Messer
2

Parece que você não está familiarizado com o painel de cores do Mac OS X. Clique nas guias na parte superior da janela do painel colorido para escolher outros selecionadores. Os selecionadores também são plugins, por isso é possível adicionar uma nova interface de usuário para a seleção de cores. Veja, por exemplo, o seletor de cores do desenvolvedor .

Ken
fonte
2

Sei que essa é uma pergunta antiga, mas precisava encontrar a resposta para essa mesma pergunta hoje e ela me colocou no caminho certo. O seletor de cores do panic.com foi instalado corretamente, mas a opção hexadecimal do menu suspenso no seletor de cores sempre o define como RGB. Então não é bom. Em vez disso, encontrei o seguinte:

http://wafflesoftware.net/hexpicker/

Isso mostra o valor hexadecimal e funciona totalmente no Xcode 5.0.1 e Mavericks.

Philip Borges
fonte
0

insira a descrição da imagem aqui

Verifique o snap acima. Na bandeja de cores, selecione o segundo botão (controles deslizantes RGB (imagem retangular) - que é colocado ao lado do círculo na parte superior da bandeja). Na medida em que você pode inserir valores RGB.

Chandan Shetty SP
fonte