2010-05-22 8 views
11

Me gustaría copiar colores entre elementos en el Interface Builder o definirlos usando valores RGB. Por ejemplo, me gustaría copiar el color de fondo de un botón a otro sin duplicar el botón.¿Cómo se definen los colores en el Creador de interfaces de XCodes?

De forma alternativa, ingresar códigos RGB exactos en Interface Builder sería suficiente; de esa manera puedo asegurarme de que mis botones tengan exactamente el mismo color.

Actualmente, solo sé cómo hacerlo mediante programación, pero seguramente hay una forma de hacerlo en Interface Builder.

Respuesta

11

para fijar el valor RGB en IB debe

  1. Haga clic en el elemento correspondiente en la ventana de inspección para invocar "Colores" de diálogo (por ejemplo, color de fondo, color de texto, etc.)
  2. En la barra de elegir las "correderas "icon
  3. Elija" RGB Sliders "en el cuadro combinado.

Ahora debería poder establecer valores RGB para el color.

Lo sentimos, no sé si es posible copiar valores de color entre los diferentes elementos fácilmente ...

+2

esto fue muy fácil! Estaba buscando esta opción por tanto tiempo y nunca la encontré, ¡muchas gracias! – favo

+0

Ugh qué interfaz tan horrible. ¡Gracias por la ayuda! – Meekohi

15

Para copiar un color personalizado definido entre los diferentes elementos que debe guardar la misma. Para hacer esto, primero defina el color en la ventana Colores (por ejemplo, ingresando los valores RGB en el campo como se describe en la respuesta de Vladimir). Luego, simplemente arrastre desde el panel superior de la ventana de colores donde se muestra el color resultante en uno de los cuadros cuadrados pequeños en la parte inferior. Se guardará

Illustration

+1

Exactamente lo que estaba buscando. Es tan pequeño que lo he echado de menos durante años. –

+4

¿puedo nombrar este color? En el código, creo una categoría en UIColor para que pueda usar la guía de estilo de nuestro diseñador. Utiliza algunos tipos de gris que de otra manera serían difíciles de distinguir. Sería genial si pudiera nombrar de alguna manera ese color guardado. – horseshoe7

+0

Para dar nombres a estos colores, y las paletas, use esta [respuesta] (http://stackoverflow.com/questions/28501010/add-a-custom-color-palette-to-xcode-interface-builder) –

5

Si desea hacer coincidir los valores RGB entre Photoshop y Xcode exactamente (sin conversión entre espacios de color), entonces usted necesita para guardar sus imágenes en RGB genérico e introduzca cualquier valor cuentagotas utilizando el espacio de color RGB genérico.

  • Cuando se elige "Guardar para Web & Dispositivos" de Photoshop, desactiva la casilla "Convertir a sRGB".

enter image description here

  • En Xcode, haga clic en el emergente espacio de color en el selector de color y elija "Generic RGB", a continuación, introduzca los valores de rojo, verde y azul desde Photoshop, no el valor HEX como esto revierte al espacio de color sRGB por alguna razón (tenga cuidado de no tabular tampoco en el campo hexadecimal, ya que eso también cambia el espacio de color a sRGB).

enter image description here

Más información here, incluyendo cómo hacer coincidir las capturas.

6

Sé que es una respuesta tardía, pero es posible crear un perfil personalizado en Interface Builder.

Primero debe hacer clic en Color de cualquier componente en el panel Utilidades.

Click on any Color

A continuación, seleccione tercera pestaña del panel superior y haga clic en el icono Configuración de la derecha.

Select third tab and click settings button

A continuación, seleccione la opción Nuevo

Select New option

Después de crear a continuación, puede cambiar el nombre del perfil

Rename the color profile

A continuación, haga clic en el selector de color y seleccione un color desde su paleta de colores

Click on color picker

Por último, arrastre la imagen seleccionada a la ventana superior para guardar ese color. También puede cambiar el nombre del color elegido.

Drag the image to the upper window

Y repitiendo esto se puede añadir que necesita para su proyecto en esta paleta de colores todo su color. A continuación, debe cambiar el color del componente, como Botón, Etiqueta; solo necesita seleccionar este perfil de color y seleccionar el color. Espero que sea útil.

+0

I aprueba esta respuesta Esto era lo que estaba buscando. – Jonny

+1

¿Qué pasará si cambio el código de color, pero quiero mantener el mismo nombre, se reflejará en todo el proyecto? –

+1

@ Mr.Bista: Perdón por la respuesta tardía. No, no se reflejará en todo el proyecto cambiando el código de color. –

Cuestiones relacionadas