web-dev-qa-db-ja.com

Vector Asset Studioがカラフルな.svgファイルを白黒でインポートしています

私が見つけた指示 here、from Google を使用して、新しいオプション（2016年3月）を使用して、.svgファイルを.pngファイルではなくドローアブルにインポートします。

私の問題は、ファイルに多くの色があるにもかかわらず、ファイルが白黒でインポートされることです。

これは、Google Chromeで読み取られた.svgファイルの画像です。 enter image description here

この同じファイルは、Vector Asset Studioによって次のように読み取られます。 enter image description hereenter image description here

アプリでは、画像は白黒で表示されます。

なぜこれが起こっているのか？

.svgファイルがAdobe PhotoShop Creative Cloudで生成され、MacでAndroid Studio 1.5.1を使用しています。

ありがとうございました！

編集：この質問に 私が使用している.svgファイルへのリンク を追加しました。

androidandroid-studiosvgvector-graphics
19
TooManyEduardos

私も同じ問題を抱えていましたが、インターネットを掘り下げた後、最終的に解決策が見つかりました、ここにあります-

イラストレーターのデザインを終えたら

1）ファイルに移動->名前を付けて保存--->ウィンドウダイアログボックスが開く-> svgの名前を入力---> [保存]をクリック

2）SVGオプションダイアログボックスが表示されます--->左下にある[その他のオプション]をクリックします---> [CSSプロパティ]ドロップダウンで--->プレゼンテーション属性を選択します

この設定により、Androidのsvg互換コードが色付きでインポートされます!!

この回答を詳しく説明して申し訳ありません...初心者の方のためにこれを行いました

32
Vibhore Agg

Android StudioのSVGインポーターは多少制限されています。非常に単純なSVGファイルのみを処理します。そして、それが<style>要素またはclass属性をサポートしているとは思いません。したがって、CSSをXMLプロパティに変更する必要があります。

例えば：

<path class="st0" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

次のように変更する必要があります。

<path fill="#007299" d="M163.3,10.8c2.4-0.5,6.2-0.9,10-0.9c5.5,0,9,0.9,11.6,3.1c2.2,1.6,3.5,4.1,3.5,7.5c0,4.1-2.7,7.7-7.2,9.3v0.1
    c4,1,8.7,4.3,8.7,10.6c0,3.6-1.4,6.4-3.6,8.5c-3,2.7-7.7,4-14.6,4c-3.8,0-6.7-0.3-8.5-0.5V10.8z M168.8,28.1h5c5.8,0,9.2-3,9.2-7.1
    c0-5-3.8-6.9-9.3-6.9c-2.5,0-4,0.2-4.8,0.4V28.1z M168.8,48.4c1.1,0.2,2.6,0.3,4.6,0.3c5.7,0,10.9-2.1,10.9-8.2
    c0-5.8-5-8.2-10.9-8.2h-4.5V48.4z"/>

残りの<path>要素のEtcetera。

11
Paul LeBeau