开发者

How to define colors in XCodes' Interface Builder?

开发者 https://www.devze.com 2023-01-01 05:01 出处:网络
I would like to copy colors between elements in the Interface Builder or define them using RGB values. For example, I\'d like to copy the background color of a button to another button without duplica

I would like to copy colors between elements in the Interface Builder or define them using RGB values. For example, I'd like to copy the background color of a button to another button without duplicating the button.

Alternatively, entering exact RGB codes in Interface Builder would suffice; that way I can make sure my buttons have the exact same color.

Currently I only know how to do this programmatically, but surely there is 开发者_运维百科a way to do it in Interface Builder?


To copy a custom-defined color between different elements you should save it. To do this, first define the color in the Colors window (e.g. by entering RGB values into field as described in Vladimir's answer). Then simply drag from the top panel of the colors window where your resulting color is shown into one of the small square boxes at the bottom. It will be saved.

How to define colors in XCodes' Interface Builder?


To set RGB value in IB you should

  1. Click on corresponding element in Inspector window to invoke "Colors" dialog (e.g. Background color, text color etc)
  2. On the toolbar choose the "Sliders" icon
  3. Choose "RGB Sliders" in combo box.

Now you should be able to set RGB values for the color.

Sorry, I don't know if it is possible to copy color values between different elements easily...


I know it is late answer but it is possible create custom profile in Interface Builder.

First you need to Click on Color of any component in Utilities panel.

How to define colors in XCodes' Interface Builder?

Then select 3rd tab from the top panel and Click on Settings icon on the right.

How to define colors in XCodes' Interface Builder?

Then select the New option

How to define colors in XCodes' Interface Builder?

After creating you can then rename the profile

How to define colors in XCodes' Interface Builder?

Then click on the color picker and select a color from your color pallet

How to define colors in XCodes' Interface Builder?

Lastly drag the picked image to upper window to save that color. You can also change the name of picked color.

How to define colors in XCodes' Interface Builder?

And by repeating this you can add all your color needed for your project in this color pallet. Next you need to change color of component such as Button, Label you just need to select this color profile and select color. Hope it is helpful.


If you want to match RGB values between Photoshop and Xcode exactly (without conversion between colorspaces) then you need to save your images in generic RGB and enter any dropper values using the generic RGB colorspace.

  • When you choose "Save for Web & Devices" from Photoshop, uncheck the "Convert to sRGB" box.

How to define colors in XCodes' Interface Builder?

  • In Xcode, click the colorspace popup in the color picker and choose "Generic RGB", then enter the red, green and blue values from Photoshop, NOT THE HEX VALUE as this reverts back to the sRGB colorspace for some reason (be careful not to tab to the hex field either, as that also changes the colorspace to sRGB).

How to define colors in XCodes' Interface Builder?

More info here, including how to match screenshots.

0

精彩评论

暂无评论...
验证码 换一张
取 消