SVGからベクトルDrawablesへ: Androidのアイコンをカスタマイズするためのより良い方法

/div>android開発プロジェクト内でカスタマイズされたアイコンを処理するためのより一般的な方法の一つは、ベクタードローアブルを使用することです。 これらは、Androidアプリ内で実行時にdrawableをレンダリングできるパスを記述するXMLファイルです。 VECTOR drawableを取得するには、SVGファイルをこの形式に変換します。 最近、これはAndroid Studioの最新のアップデートで簡単になりました。 しかし、古いパイプラインに慣れている私たちのような人は、この便利なツールを使ってSvgをvector drawablesに変換することができます。

ベクタードローアブルを使用する明白な利点は、APKのサイズフットプリントです。 ベクトルと画像のアプリのサイズの違いはかなり重要です。 代わりに、アプリがサポートしている各DPI解像度のためのいくつかのパッケージ化された画像を持っているのではなく、あなたはその内容として、画像

アイコンにPngのような通常の画像を使用する場合、DPIバケットに対する画像の寸法を調べることで、ネイティブ解像度を決定するのは簡単です。 Vector drawableではさらに簡単ですが、XML内には2つの異なる宣言された高さと幅があります。 あなたはviewportWidthとwidthを持っています。 ViewportWidthは、実際にはアセットがそのビューポート内に描画されるサイズです。 内部にパスを描画すると、そのビューポートのサイズに制約されます。 もう1つの「幅」は、開発者がビューに膨らませたときにネイティブのDPIサイズとして扱う実際の幅です。

<vector android:height="24dp" android:viewportHeight="22.0"android:width="24dp" android:viewportWidth="15.0"

ベクトルを描画可能にしたら、Androidリソースにアクセスするバリエーションごとに別のXMLを作成することで、その外観のバリエーションを これはraw画像に対しても行うことができますが、ビットマスクを使用したり、大量のアセットを置き換えることなくアイコンの色の状態を変更した

輝度は、アイコンを試してみたい人のための素晴らしいアイコンセットです。 すべてのアイコンは無料で使用でき、SVG形式で利用できます。

繰り返しますが、このパイプラインをまとめると、次のようになります。

  1. Luminanceをダウンロードし、SVG形式で使用するアイコンを選択します。SVGをAndroid SVGにVectordrawableにドロップし、Android vector drawable XMLに変換します。
  2. XMLをres/drawableディレクトリに配置します。
  3. ImageView、ImageButtons、またはdrawableアセットを使用する他の場所で使用します。

コメントを残す

メールアドレスが公開されることはありません。