2016-09-10 18 views
1

xmlを介してベクター描画可能ファイルを作成するためにpathData構文を理解しようとしています...Android XML | pathData構文を理解する

私は正方形を作成することができますが、作成方法を理解できません(楕円や円などの)円形の形状

  1. サークル:

    は、誰もが円形のいくつかの例を与えることができます。
  2. 楕円。
  3. 空の円/楕円形(別の形にするとこの部分が透明になります)。

各pathData属性の説明は何ですか?

ありがとうございます!

答えて

2

パスに関する注意事項(anroid-vectordrawableで使用されるSVG表記):パスは、コンパクトなコーディングをしています。たとえば、M( '移動先')は、最初の数値のx座標とy座標に先行し、L(行番号)は、行を描画する先になります。さらに、コマンド文字(CSQT)様々なベジェ楕円曲線を描くために使用される前のデータ。 Qは2次ベジェであり、Zはパスを閉じるために使用されます。すべての場合において、絶対座標は大文字のコマンドに続き、相対座標は同等の小文字の後に使用されます。 SVG path notation
コマンド(絶対)(相対)
:楕円弧
パラメータ:(RX RY x軸回転の大円弧フラグスイープフラグXY) +
説明:現在の点から (XY)に楕円弧を描きます。サイズと楕円の 向きは二つの半径 (RXRY)と全体として 楕円が現在 に対して回転する様子を示し x軸回転、によって定義されます座標系。楕円の中心(CXCY)は 他のパラメータによって課される制約を満たすように自動的に を算出します。 大円弧フラグスイープフラグは、自動計算に寄与し、円弧の描画方法を決定するのに役立ちます。あなたの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"です。

+1

ソースなしのWikipediaからの引用。ああ... –

+3

@ cricket_007 https://www.w3.org/TR/SVG/paths.html#PathDataからのリンクです。リンクは「SVGパス表記」というテキストにあります。 –