atelier:mitsuba

i love UI/UX, Blend, XAML, Behavior, P5, oF, Web, Tangible Bits and Physical computing. なにかあればお気軽にご連絡ください。atelier@c-mitsuba.com

その4:Rectangle、Ellipseを使ってみる

XAMLにはボタンやカレンダーなど様々なコントロールがあります。
どんなものがあるか、具体的に触ってみましょう。

●Rectangle
Rectangleをダブルクリックするか、選択してアートボードでドラッグします。

すると、アートボードにRectangleが表示されます。

黒矢印で位置やサイズを調整できます。
Shiftキーを押しながらドラッグすると、縦横比保持。
Altキーを押しながらドラッグすると、中心点が基準位置になって拡大縮小できます。

Brushパネルで面の色や輪郭の色、太さなどを編集できます。

グラデにしたり、画像をテクスチャとして使うこともできます。

●Ellipse
コントロール右下に白い三角形のちょぼが付いてるボタンを長押しすると、似たようなコントロールが表示されまうす。
例えば、Rectangleを長押しすると、Ellipseがでてきます。

では、円を書いてみましょう。
似たコントロールなので、使い方は同じですね。