2015-05-30 27 views
29

Màu nào phải là biểu tượng tài liệu "tối" "tối"?Màu biểu tượng Material Design

Trên tài liệu chính thức (https://www.google.com/design/spec/style/icons.html#icons-system-icons ở phía dưới) nó là 54% màu đen (màu xám), nhưng tất cả tải của các biểu tượng tài liệu là một trong hai trắng hoặc 100% đen.

enter image description here

Cũng trên trang web chính thức mới https://www.google.com/design/icons/ bạn có thể tải một trong hai màu trắng hoặc đen, nhưng không phải là "màu xám"!

Vì vậy, tôi phải đặt 54% cho tất cả các biểu tượng đã tải xuống cho chính mình? Hay tôi đã bỏ lỡ điều gì đó?

+0

Thông thường tôi tự làm, vì vậy tôi có thể xử lý độ trong suốt 87% cho các biểu tượng được nhấn và 26% cho các biểu tượng bị tắt. Nếu tôi không cần thay đổi độ trong suốt, tôi sử dụng trang web này: http://materialdesignicons.com/ nơi có tùy chọn 'xám'. – Ruocco

+0

Cảm ơn tôi thỉnh thoảng cũng sử dụng nó. Nhưng rất nhiều biểu tượng trên trang web chính thức và tôi tự hỏi tại sao họ không có 54% biểu tượng màu đen (xám) khi được viết theo nguyên tắc thiết kế chính thức. Bạn làm cách nào để minh bạch? Tôi không phải là một nhà thiết kế nên xin lỗi cho câu hỏi ngu ngốc :-) – chrisonline

Trả lời

3

Có ba cách tôi xử lý opacity:

a) Đơn giản một, tôi tải chúng (trên materialdesignicons.com nếu tôi cần lựa chọn màu xám) và sử dụng chúng, như tôi không cần phải thay đổi bất cứ điều gì trong dù sao. Nếu tôi không tìm thấy cái tôi cần, tôi tải xuống màu đen (trắng) và biến nó thành phiên bản opacity 54% của nó (đó là công việc 30 giây trên gimp/photoshop).

b) Nếu tôi chỉ cần trạng thái "bình thường" và "được nhấn", tôi tải xuống phiên bản màu đen (trắng), tạo hai phiên bản, ở mức 54% cho tự nhiên và 87% cho nhấn, sau đó tôi tạo nộp để kết hợp chúng (bạn có thể xử lý tập trung quá):

<?xml version="1.0" encoding="utf-8"?> 
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
     <item android:state_pressed="true" 
      android:drawable="@mipmap/settings_pressed" /> <!-- pressed --> 
     <item android:state_focused="true" 
      android:drawable="@mipmap/settings" /> <!-- focused --> 
     <item android:drawable="@mipmap/settings" /> <!-- default --> 
</selector> 

c) Nếu tôi cần phải thay đổi opacity của biểu tượng thường trong mã của tôi, tôi làm điều đó progammatically:

ImageButton mButton = (ImageButton) findViewById(R.id.button); 
final Drawable buttonIcon = context.getResources().getDrawable(R.mipmap.your_icon); 
buttonIcon.setAlpha(138); //this is the value of opacity 1~255 
mButton.setBackground(buttonIcon); 

Lưu ý rằng bạn có thể kết hợp các phương thức b) và c), do đó bạn không cần phải kiểm soát sự thay đổi của opacity khi lập trình, nhưng st bị bệnh có thể thay đổi giá trị tổng thể của nó khi bạn cần.

+0

Thực ra bạn muốn 'buttonIcon.setImageAlpha (138);'. – zyamys

34

Tôi đã quá trễ để trả lời nhưng tôi vẫn sẽ trả lời câu hỏi vì nó có thể tiết kiệm rất nhiều thời gian cho một số nhà phát triển. Bản thân tôi là một nhà phát triển đấu tranh rất nhiều trong khi tạo ra các biểu tượng trong màu sắc khác nhau và kể từ khi tôi không phải là một nhà thiết kế nó đã thực sự khó khăn. Sau nhiều lần tìm kiếm, tôi tìm thấy plugin này trong Android Studio có tên là Trình tạo biểu tượng tài liệu Android. Nó tạo ra tất cả các biểu tượng vật chất trong tất cả các màu sắc với các kích cỡ khác nhau và cũng với yếu tố opacity. Đây là trợ giúp tuyệt vời cho các nhà phát triển không giỏi thiết kế. Cũng không cần tải xuống các biểu tượng riêng biệt, Plugin này là đủ.

+2

Tôi đã sử dụng tuyệt vời bộ tạo (https: // github.com/winterDroid/android-drawable-importer-intellij-plugin). Tuy nhiên, iNếu bạn sử dụng các biểu tượng thiết kế material design 2.0, bạn sẽ nhận được màu đen và trắng làm tùy chọn duy nhất cho các biểu tượng vật liệu. Phiên bản 1.0.2b của các biểu tượng tài liệu (https://github.com/google/material-design-icons/releases) cũng bao gồm tùy chọn grey600. – ProjectJourneyman

+0

Xin lỗi cho câu hỏi ngu ngốc, nhưng sau khi tôi đã cài đặt plugin này tôi không thể tìm thấy bất kỳ dấu vết của nó trong giao diện người dùng Android Studio :) Bạn có thể cho tôi một gợi ý về nơi để tìm nó? –

Các vấn đề liên quan