Làm cách nào để nhập giá trị RGB vào Trình tạo giao diện?


215

Làm cách nào tôi có thể nhập giá trị màu RGB hoặc Hex cho nền trong Trình tạo giao diện? Tôi có thể chọn các màu được xác định trước nhưng tôi muốn nhập thủ công các giá trị RGB. Tôi có thể làm điều này ở đâu?

Câu trả lời:


470

Cách chọn màu theo RGB trong Interface Builder.

Nhấp vào biểu tượng thanh trượt màu, sau đó chọn "Thanh trượt RGB" từ danh sách thả xuống.

Bạn cũng có thể sử dụng kính lúp làm công cụ chọn màu để chọn màu chính xác từ bất kỳ đâu trên màn hình; cũng xem bình luận tuyệt vời của @ ken bên dưới để làm rõ cách thức không gian màu hoạt động với kính lúp.


3
Cảm ơn vì tiền hỗ trợ! Câu hỏi ngẫu nhiên, phần mềm nào bạn đã sử dụng để viết lên ảnh chụp màn hình đó? Bổ sung tốt đẹp.
Sheehan Alam

21
Trên thực tế, hãy cẩn thận với kính lúp. Chỉ cần số thành phần không chỉ định màu, bạn cũng cần biết không gian màu. Nó giống như mã hóa chuỗi. 65 là mã hóa ASCII của A. Không gian màu để mã hóa / giải mã các thành phần nằm trong phần thả xuống bên trái của thanh trượt "RGB" ở trên. Không gian màu "Generic RGB" tương ứng với các màu được tạo bằng + [NSColor colorWithCalibratedRed: green: blue: alpha:]. Nếu bạn sử dụng kính lúp, các thành phần sẽ được cung cấp cho không gian "thiết bị" có nghĩa là màn hình hiện tại. Điều này là không phù hợp. Chọn chung sau.
Ken

2
Rất tiếc, câu hỏi này là dành cho iPhone. IPhone không bị biến dạng. sRGB có lẽ là xấp xỉ tốt nhất màn hình của nó, vì vậy nếu bạn muốn có số thành phần phù hợp để sử dụng với UIColor, hãy chọn sRGB làm không gian màu.
Ken

2
Tôi đã sử dụng máy tính bảng viết Wacom Bamboo Fun để viết lên ảnh chụp màn hình trong Photoshop (Gimp cũng hoạt động tốt như vậy). Chụp ảnh màn hình bằng lệnh-shift-4, sau đó khoảng trắng và nhấp vào cửa sổ.
Tyler

1
Có ai có kinh nghiệm về điều này: Khi tôi cố gắng di chuyển các thanh trượt màu ... chúng chỉ bật trở lại vị trí cũ. (Tuy nhiên, mọi thứ đều hoạt động nếu tôi nhập các giá trị trực tiếp.)
Bonnie

36

Mặc dù câu trả lời của Tyler trả lời câu hỏi, bạn có thể gặp phải sự cố khi sử dụng trình chọn vì nó sử dụng không gian màu của màn hình (như được làm rõ bởi Ken).

Nếu bạn muốn khớp chính xác các giá trị RGB giữa Photoshop và Xcode (không chuyển đổi giữa các không gian màu) thì bạn cần lưu hình ảnh của mình trong RGB chung và nhập bất kỳ giá trị nhỏ giọt nào bằng cách sử dụng không gian màu RGB chung.

  • Khi bạn chọn "Lưu cho Web & Thiết bị" từ Photoshop, hãy bỏ chọn hộp "Chuyển đổi sang sRGB".

nhập mô tả hình ảnh ở đây

  • Trong Xcode, nhấp vào cửa sổ bật lên không gian màu trong bộ chọn màu và chọn "Chung RGB", sau đó nhập các giá trị đỏ, lục và lam từ Photoshop, KHÔNG PHẢI GIÁ TRỊ HEX vì điều này trở lại không gian màu sRGB vì một số lý do (hãy cẩn thận không tab vào trường hex, vì điều đó cũng thay đổi không gian màu thành sRGB).

nhập mô tả hình ảnh ở đây

Thêm thông tin ở đây , bao gồm làm thế nào để phù hợp với ảnh chụp màn hình.


2
Thực tế là trường hex không nằm trong không gian màu bạn đã chọn là một tính năng khủng khiếp.
zimmryan

@zimmryan Nghe có vẻ như một lỗi. Cảm ơn OP
mattyohe 20/03/2015

OMG cảm ơn rất nhiều vì điều này. Nó hoạt động chính xác, cách điên cuồng trong nhà thiết kế Xamarin.iOS. Bạn phải cực kỳ cẩn thận khi chỉ nhập vào các hộp RG và B và bất cứ điều gì bạn làm, không nên tab vì bạn có thể tab vào hộp Hex, đặt lại thành sRGB và bạn phải bắt đầu lại.
bcr

-1 Lời khuyên tồi. Nếu bạn sử dụng GenericRGB làm không gian làm việc và không chuyển đổi thành sRGB khi xuất, thì các giá trị RGB của bạn sẽ khớp, nhưng màu của bạn sẽ không . Đó là lý do tại sao bạn phải sử dụng các thủ thuật lạ để làm cho ảnh chụp màn hình của bạn phù hợp. Nếu giá trị RGB của bạn phải thực sự khớp, bạn cần sử dụng sRGB làm không gian làm việc. Nếu không, bạn chỉ có thể chuyển đổi sang sRGB khi xuất. Bao gồm một cấu hình màu không giúp ích gì vì iOS bỏ qua các cấu hình màu (đối với tài sản).
Mackie Messer

2

Có vẻ như bạn không quen thuộc với bảng màu Mac OS X. Nhấp vào các tab dọc phía trên cùng của cửa sổ bảng màu để chọn các bộ chọn khác. Bộ chọn cũng là plugin, vì vậy có thể thêm UI mới để chọn màu. Xem, ví dụ, bộ chọn màu nhà phát triển .


2

Tôi biết đây là một câu hỏi cũ, nhưng tôi cần tìm ra câu trả lời cho chính câu hỏi này ngày hôm nay và nó đã đưa tôi đi đúng hướng. Bộ chọn màu từ panic.com đã cài đặt chính xác nhưng tùy chọn thập lục phân từ menu thả xuống trong bộ chọn màu luôn đặt nó thành RGB. Vì vậy, không tốt. Thay vào đó tôi tìm thấy điều này:

http://wafflesoftware.net/hExicker/

Điều đó cho thấy giá trị thập lục phân và nó hoạt động hoàn toàn trên Xcode 5.0.1 và Mavericks.


0

nhập mô tả hình ảnh ở đây

Kiểm tra snap trên, trong đó vào Khay màu, chọn nút thứ hai (thanh trượt RGB (hình chữ nhật) - được đặt bên cạnh vòng tròn trên đỉnh khay). Trong đó bạn có thể nhập các giá trị RGB.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.