2015-05-30 13 views
29

Welche Farbe sollte das "dunkel" Material Symbol sein?Material Design Symbol Farben

Auf der offiziellen Dokumentation (https://www.google.com/design/spec/style/icons.html#icons-system-icons an der Unterseite) ist 54% schwarz (grau), aber alle Downloads der Material Symbole sind entweder weiß oder 100% schwarz.

enter image description here

Auch auf der neuen offiziellen Website https://www.google.com/design/icons/ Sie entweder weiß oder schwarz herunterladen können, aber nicht „grau“!

Also muss ich 54% auf alle heruntergeladenen Symbole für mich selbst einstellen? Oder habe ich etwas verpasst?

+0

Normalerweise mache ich es selbst, so kann ich die 87% Transparenz für gepresste Symbole und 26% für deaktivierte Symbole handhaben. Wenn ich die Transparenz nicht ändern muss, verwende ich diese Website: http://materialdesignicons.com/ wo es eine "graue" Option gibt. – Ruocco

+0

Danke ich benutze es auch manchmal. Aber viele Icons sind auf der offiziellen Seite und ich frage mich, warum sie nicht 54% schwarze (graue) Icons haben, wenn sie in den offiziellen Designrichtlinien geschrieben sind. Wie machen Sie die Transparenz? Ich bin kein Designer so leid für die blöde Frage :-) – chrisonline

Antwort

3

Es gibt drei Möglichkeiten, die ich behandeln Opazität:

a) Einfach ein, ich herunterladen sie (auf materialdesignicons.com wenn ich die graue Option benötigen) und verwenden Sie sie, wie ich brauche, um nichts zu ändern in sowieso. Wenn ich das benötigte nicht finde, lade ich das schwarz (weiß) herunter und wandle es in die Version mit 54% Deckkraft um (es ist ein 30-sekündiger Job auf gimp/photoshop).

b) Wenn ich nur den "normalen" und "gedrückten" Zustand brauche, lade ich den schwarzen (weißen) herunter, erstelle die zwei Versionen, bei 54% für natürlich und 87% für gedrückt, dann erstelle ich einen Zeichensatz Datei, sie zu kombinieren (können Sie konzentriert Griff):

<?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) Wenn ich die Undurchsichtigkeit des Symbols oft in meinem Code ändern müssen, kann ich es 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); 

Beachten Sie, dass Sie können die Methoden b) und c) kombinieren, so dass Sie die drückende Änderung der Opazität nicht programmatisch steuern müssen, sondern st Ich bin nicht in der Lage, den Gesamtwert so zu ändern, wie Sie es benötigen.

+0

Eigentlich wollen Sie 'buttonIcon.setImageAlpha (138);'. – zyamys

34

Ich bin zu spät, um zu antworten, aber dennoch werde ich die Frage beantworten, da es viel Zeit für einige Entwickler sparen kann. Ich selbst, ein Entwickler, hatte viel zu kämpfen, während ich Icons in verschiedenen Farben kreierte, und da ich kein Designer bin, war es wirklich schwer. Nach vielen Suchen fand ich dieses Plugin im Android Studio namens Android Material Icon Generator. Es erzeugt alle Materialikonen in allen Farben mit verschiedenen Größen und auch mit Opazitätsfaktor. Dies ist eine große Hilfe für uns Entwickler, die nicht gut im Design sind. Es ist auch nicht nötig, Icons separat herunterzuladen, Dieses Plugin ist genug.

+2

Ich habe den Generator (https: // github.com/winterDroid/android-drawable-importer-intellij-plugin). Wenn Sie jedoch die 2.0-Materialdesign-Symbole verwenden, erhalten Sie Schwarz und Weiß als einzige Optionen für die Materialsymbole. Die Version 1.0.2b der Materialsymbole (https://github.com/google/material-design-icons/releases) enthält auch eine grey600-Option. – ProjectJourneyman

+0

Sorry für blöde Frage, aber nachdem ich dieses Plugin installiert habe, finde ich keine Spur davon in Android Studio UI :) Kannst du mir einen Hinweis geben, wo ich danach suchen soll? –

14

In der Android Asset Studio gibt es eine mit allen Material-Icons und Sie können die gewünschte Farbe auswählen.