Illustrator などのプログラムでベクター画像を使用している場合、Android の VectorDrawable フレームワークが使用する正しい形式を取得するにはどうすればよいですか?
SVG を VectorDrawable xml 形式に変換するツールを見つけました: http://inloop.github.io/svg2android/ しかし、SVG は「パス」のみを使用する必要があります。
そのようなファイルを出力する方法はありますか?
Illustrator などのプログラムでベクター画像を使用している場合、Android の VectorDrawable フレームワークが使用する正しい形式を取得するにはどうすればよいですか?
SVG を VectorDrawable xml 形式に変換するツールを見つけました: http://inloop.github.io/svg2android/ しかし、SVG は「パス」のみを使用する必要があります。
そのようなファイルを出力する方法はありますか?
Android Studio を使用している場合、最適な方法は次のとおりです。
ウィザードは、SVG ファイルから XML を生成します。
SVG to VectorDrawable Converterまたはそのオンライン バージョンを使用するだけです。これは、SVG イメージから Android VectorDrawable XML リソース ファイルへのバッチ コンバーターです。
コンバーターの使用方法に関する十分な情報を提供する readme へのリンクを示します。
AI プロジェクト ファイルを として保存する前にSVG
、次のことを確認してください。
を使用して、すべてのパスをアウトラインに変換しますObject > Expand...
。
オブジェクトを選択した状態で右クリックし、 を選択して、シェイプ パス ( など<circle>
) を に変換します。Compound Paths
Make Compound Path
それが完了すると、SVG の各形状は<path>
.
質問に記載されているアプリを使用して、中程度の複雑さの SVG をベクター型ドローアブルに変換しようとしたときに、一部の部分を忘れるという問題がありました。フォーマット方法に関係があるに違いないと考えたので、SVG 最適化アプリであるSVGOMGを使用して、必要最小限のものまで取り除くことにしました。
SVGOMG または別のアプリを使用して SVG を最適化し、ファイルをダウンロードします。
ダウンロードした SVG をSVG2Androidにドロップすると、必要なものが得られます。