Android Studio Image Asset Launcherアイコンの背景色


112

アプリに背景のない.pngロゴがあります。それをAndroidスタジオに画像アセットとして追加すると、背景が強制されます。16進数フィールドは、8桁のカラーコードを受け付けません。6桁のみです。とにかく背景を見えなくする方法はありますか?


1
romannurik.github.io/AndroidAssetStudio生成するあらゆるタイプのアイコンに対応する優れたツール
Pierre

回答:


201

背景を透明にするには、に設定shapeNoneます。下の画像をご覧ください。

ここに画像の説明を入力してください

編集:

Android Studio 3.0の場合、Legacyタブから設定できます

ここに画像の説明を入力してください


27
どうもありがとうございました。下にスクロールして形状を確認する必要があることに気づきませんでした:)
HishamGarout

1
画像のラジオボタンを選択して下にスクロールするだけです。おかげで
うまくいき

3
Studioの貧弱なUXのさらに別の例
AmitP 2017年

21
この回答は、Android Studio 3.0以降、有効ではなくなったようです。
ElYeante

2
背景レイヤーを透明にする方法は?
zulkarnain shah

38

私は使用Android Studio 3.0.1していますが、上記の回答がうまくいかない場合は、をに変更しicon typeLegacyに選択Shapeしてみてください。NoneデフォルトはAdaptive and Legacyです。

ここに画像の説明を入力してください

注:一部のデバイスには、アイコンに白い背景が自動的に追加されるランチャーがインストールされていますが、これは正常です。


2
targetSdkVersionが26未満の場合にのみレガシーを選択します。targetSdkVersionが26の場合、アイコンタイプはアダプティブでレガシーである必要があります。
Rupam Das

1
背景レイヤーを透明にする方法は?
zulkarnain shah

@zulkarnainshahレガシーモードで何も形成しないことを選択した場合、透明な色で表示されます。
Farhana、2018年

Android Studio 3以降では動作しないようです。ただし、少なくともAndroid Studio 3.1.2では、以下のPatrickの回答は機能するようです。
スティーブンM-ストライキ

@StephenM-実行中のAndroidバージョンは?Lollipopから最新のAndroidバージョンに至るまで、アイコンは特別に異なるものになることを忘れないでください。最新のAndroidバージョンで異なる背景アイコンを使用している人がいても、驚かないでしょう。修正方法は、Androidの下位バージョンを使用して、アイコンに背景を追加しないランチャーを使用して開発のアイコンを表示するか、最新のAndroidをそのまま使用して、必要なものだけに従うことです。
ポーラー

26

次の2つの方法があります。

1)バックグラウンドレイヤー>スケーリングで、サイズ変更1に減らします。

ここに画像の説明を入力してください

次に、[ レガシー]> [レガシーアイコン]で、[ 形状]を[ なし]に設定します

ここに画像の説明を入力してください


2)[バックグラウンドレイヤー]> [スケーリング]> [ソースアセット]で、画像を1x1ピクセル(または任意のサイズ)のtransparent.png画像(既に作成済み)として設定できます。

ここに画像の説明を入力してください

次に、[ レガシー]> [レガシーアイコン]で、[ 形状]を[ なし]に設定します

ここに画像の説明を入力してください


15
どうしたのFull Bleed Layers
トリッキーベイ

20

上記のアプローチは、Android Studio 3.0では機能しませんでした。それでも背景は表示されます。空の背景ファイルを作成しました

<?xml version="1.0" encoding="utf-8"?>
<vector
android:height="108dp"
android:width="108dp"
android:viewportHeight="108"
android:viewportWidth="108"
xmlns:android="http://schemas.android.com/apk/res/android">
</vector>

これはフルブリードレイヤーを除いて機能しました


1
私はAndroid Studio 3.0も使用していますが、同じように動作させます。必要なものに基づいてアイコンを作成することができなくなったようです。
Polar

2
これは機能していません。Android Studio 3.0.1、背景を透明に設定できません。
Rupam Das

2
Android Studio 3.1.2で私のために働いた。イメージアセットジェネレーターでは黒として表示されましたが、アプリをデプロイすると透過的になります。
スティーブンM-ストライキ

このベクターを背景として使用しようとすると、レンダリングエラーが発生します。
Chagai Friedlander

11

これは別の回避策です。

  1. [フォアグラウンドレイヤー]で、[アセットタイプ]をテキストとして選択し、テキストフィールドのデフォルトのテキストを削除します。

画像パスを参照します

  1. [背景レイヤー]で、[アセットタイプ]を画像として選択し、アイコンとして使用する画像のパスを選択します。

ここに画像の説明を入力してください

そして、あなたは行ってもいいです。


非常にシンプルなソリューション。本当にありがとう!私はこれをAndroid Studio 3.6でテストしましたが、追加することの1つは、フォアグラウンドテキストがnullになるとエラーが発生することです。だから私がやったことはただそこにスペースを追加するだけで、それは機能しています。そしてさらに追加します!その後、ミップマップの追加が完了してプロジェクトを実行したときに、ロゴを上書きするAndroidロゴがあり、フォアグラウンドのタグ行を削除してミップマップアイコンのxmlファイルを変更することで問題を修正しました。それが誰かを助けることを願っています。
フェローズカーン

これは素晴らしいです!
ikerfah


1

まず、(Adaptive and Legacy)画像アセットからランチャーアイコンを作成します。

image背景レイヤーのを選択して、0%または1%にサイズ変更し、[レガシータブ]をに設定shapenoneます。

次に、res/mipmap/ic_laucher_roundプロジェクトウィンドウでフォルダーを削除し、AndroidManifest.xmlを開いandroid:roundIcon="@mipmap/ic_launcher_round"て、application要素から属性を削除します。

最後に、ic_launcher.xmlから削除しmipmap-anydpi-v26ます。

注:Nexus 5X(Android 8.1)のような一部のデバイスでは、白い背景が自動的に追加され、何もできません。


0

以下は、画像を透明にするために行った手順です。

1-画像を透明にするオンラインWebサイトを使用しましたが、たくさんあります。私にとっては、これを使用しますhttps://www241.lunapic.com/editor/?action=transparentそして時々これ http:ます

2- Android Studio(バージョン3.1.3を使用しています)で、アプリから画像アセットを開き、解像度(右クリック)>新規>画像アセット 画像アセット

3- [パス]で、オンラインWebサイトからダウンロードした透明な画像の場所を選択し、次に示すように他のオプションを選択してから、[次へ]、[完了]の順に選択します。5つの異なるサイズの画像mdpi(48×48)、hdpi(72×72)、xhdpi(96×96)、xxhdpi(144×144)、およびxxxhdpi(192×192)がres / mipmap-に作成されます密度フォルダ。 画像アセット構成

4-上記とは異なるサイズ(寸法)が必要な場合は、このWebサイトhttp://nsimage.brosteins.com/を使用して、xxx​​hdpiで使用される最大サイズのPNG画像をアップロードできます。アップロード後、res / drawable- densityフォルダーに5つの異なるサイズの画像を含むzipファイルをダウンロードできます。 ここに画像の説明を入力してください


-1

android 3.0.1を使用して、私はこの奇妙な動作(ソリューション)に気づきました。最初に、source_assetのバックグラウンドレイヤーで、asset_typeを画像から色に変更してから、画像に戻します。2番目:スケーリングのトリミングを有効にし、小さいパーセンテージにサイズ変更すると、完全に機能します。PS:最初のステップを行わなかった場合、スケーリングは影響しません。誰かがこれについての説明を持っている場合は、提供してください。 ステップ

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.