[실전 WPF강좌-2D_Graphics]

작업의 단위

기존 비주얼 프로그램 : Control

WPF 프로그램 : Element = Shape + Control

Shape

Line, Rectangle, Ellipse, Polyline, Polygon, Path(집합)

<Line X1="10" Y1="10" X2="50" Y2="50" Stroke="Magenta" StrokeThickness="3"/>

다음은 Shape 상속받음.

Stroke : 선 색깔

StrokeThickness : 선 두께

Rectangle/Ellipse

Width: 넓이(FrameworkElement에서 상속됨)

Height: 높이(FrameworkElement에서 상속됨)

Fill: 배경 브러시(Shape에서 상속됨)

Stroke: 경계선 브러시(Shape에서 상속됨)

StrokeThickness : 경계선 두께(Shape에서 상속됨)

Polyline/Polygon

Polyline은 선으로 Polygon은 면으로 표현된다.

Points : 직선을 그릴 점들의 좌표

FillRule : 채울 방법 설정

 - EvenOdd : 지그재그로 채워 나간다. (짝수는 채워지고 홀수는 안채워짐)

 - NoneZero : 모든 면을 채운다.

Path

Data : 복합적인 도형의 모습을 표현(선, 원, 곡선)

StreamGeometry

M : Move

L : Line

H : Horizontal Line

V : Vertical Line

C : Cubic Bezier Curve

Q : Quadratic Bezier Curve

S : Smooth cubic Bezier Curve

A : Elliptical Arc

Z : Close

P : Point

<Path Stroke="Black" Fill="Gray" Data="M 10,100 C 10, 300 300, -200 300,100"/>

PathFigureCollection

<Path Stroke="Black" Fill="Gray">

    <Path.Data>

    <PathGeometry Figures="M 10,100 C 10,300 300,-200 300,100"/>

    </Path.Data>

</Path>

관련 서브노드들

EllipseGeometry

LineGeometry

RectangleGeometry

PathGeometry

GeometryGroup

CombinedGeometry : 두 도형을 합집합/차집합 등 연산을 할 수 있다.