xmlを介してベクター描画可能ファイルを作成するためにpathData構文を理解しようとしています...Android XML | pathData構文を理解する
私は正方形を作成することができますが、作成方法を理解できません(楕円や円などの)円形の形状
- サークル: は、誰もが円形のいくつかの例を与えることができます。
- 楕円。
- 空の円/楕円形(別の形にするとこの部分が透明になります)。
各pathData属性の説明は何ですか?
ありがとうございます!
xmlを介してベクター描画可能ファイルを作成するためにpathData構文を理解しようとしています...Android XML | pathData構文を理解する
私は正方形を作成することができますが、作成方法を理解できません(楕円や円などの)円形の形状
各pathData属性の説明は何ですか?
ありがとうございます!
パスに関する注意事項(anroid-vectordrawableで使用されるSVG表記):パスは、コンパクトなコーディングをしています。たとえば、M( '移動先')は、最初の数値のx座標とy座標に先行し、L(行番号)は、行を描画する先になります。さらに、コマンド文字(C、S、Q、Tと)様々なベジェ楕円曲線を描くために使用される前のデータ。 Qは2次ベジェであり、Zはパスを閉じるために使用されます。すべての場合において、絶対座標は大文字のコマンドに続き、相対座標は同等の小文字の後に使用されます。 SVG path notation。
コマンド:(絶対)(相対)
名:楕円弧
パラメータ:(RX RY x軸回転の大円弧フラグスイープフラグXY) +
説明:現在の点から (X、Y)に楕円弧を描きます。サイズと楕円の 向きは二つの半径 (RX、RY)と全体として 楕円が現在 に対して回転する様子を示し x軸回転、によって定義されます座標系。楕円の中心(CX、 CY)は 他のパラメータによって課される制約を満たすように自動的に を算出します。 大円弧フラグと スイープフラグは、自動計算に寄与し、円弧の描画方法を決定するのに役立ちます。あなたのres/drawable
フォルダ内の
使用この(circle.xml
)、:
<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="200dp"
android:height="200dp"
android:viewportHeight="64"
android:viewportWidth="64">
<path
android:fillColor="#ff0000"
android:pathData="M22,32
A10,10 0 1,1 42,32
A10,10 0 1,1 22,32 Z" />
</vector>
Parameters :(rx, ry x-axis-rotation large-arc-flag, sweep-flag x, y)
(10, 10 0 1, 1 42, 32)
(10, 10 0 1, 1 22, 32)
注:余分な空白やコンマなどのセパレータをなくすことができます。
2つの円弧が円を描く。
円は楕円形の特殊なケースで、android:fillColor = "@ color/transparent"です。
ソースなしのWikipediaからの引用。ああ... –
@ cricket_007 https://www.w3.org/TR/SVG/paths.html#PathDataからのリンクです。リンクは「SVGパス表記」というテキストにあります。 –