web-dev-qa-db-ja.com

マテリアルデザインアイコンの色

どの色を「暗い」素材アイコンにしますか?

公式ドキュメント( https://www.google.com/design/spec/style/icons.html#icons-system-icons 下部)では、54%黒(グレー)、ただしすべてのダウンロードの素材アイコンはいずれかwhiteまたは100%black

enter image description here

また、新しい公式サイト https://www.google.com/design/icons/ では、白または黒をダウンロードできますが、「グレー」はダウンロードできません!

だから私は自分のためにダウンロードしたすべてのアイコンに54%を設定する必要がありますか?または私は何かを見逃しましたか?

35
chrisonline

私は返信するのが遅すぎますが、それでも一部の開発者にとって多くの時間を節約できるため、質問に答えます。開発者である私自身は、さまざまな色のアイコンを作成するのに苦労しました。私はデザイナーではないので、本当に大変でした。多くの検索の後、このプラグインをAndroid Studio called Android Material Icon Generatorで見つけました。さまざまなサイズと不透明度を備えたすべての色のすべての素材アイコンを作成します。これは、設計が苦手な開発者にとっても大きな助けになりますし、アイコンを個別にダウンロードする必要もありません。このプラグインで十分です。

35
rockfight

Android Asset Studio には Generic Icon Generator があり、すべてのマテリアルアイコンがあり、好きな色を選択できます。

16
Brais Gabin

不透明度を処理する方法は3つあります。

a)シンプルなものです。グレーのオプションが必要な場合はmaterialdesignicons.comからダウンロードして使用します。何も変更する必要はありません。必要なものが見つからない場合は、黒(白)をダウンロードして、54%の不透明度バージョンに変換します(gimp/photoshopでは30秒の作業です)。

b)「通常」および「押された」状態のみが必要な場合は、黒(白)をダウンロードし、自然の54%と押された87%の2つのバージョンを作成し、それらを結合するために描画可能なファイルを作成します(フォーカスも処理できます):

<?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)コード内でアイコンの不透明度を頻繁に変更する必要がある場合、プログラム的に変更します。

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);

メソッドb)とc)を組み合わせることができるので、不透明度の変化をプログラムで制御する必要はありませんが、必要に応じて全体の値を変更できることに注意してください。

4
Ruocco