ŞEKİLLER
1. Elips (Ellipse)
Elips, dairesel çizimler yapmak için kullanılır. Aşağıdaki örneği inceleyelim.
Elips, dairesel çizimler yapmak için kullanılır. Aşağıdaki örneği inceleyelim.
|
<Grid>
<Ellipse Width="100" Height="50" Stroke="Blue" StrokeThickness="5" Fill="Yellow" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="10, 10, 0, 0" /> </Grid> |
2. Dikdörtgen (Rectangle)
Dörtgen çizimleri için kullanılır. Aşağıdaki örneği inceleyelim.
|
<Grid>
<Rectangle Width="200" Height="100" Fill="Blue" Stroke="Black" StrokeThickness="3"/> </Grid> |
3. Çizgi (Line)
Çizgi çizmek için kullanılır. Aşağıdaki örneği inceleyelim.
|
<Grid>
<Line X1="250" Y1="40" X2="50" Y2="200" Stroke="Red" StrokeThickness="5"/> </Grid> |
4. Yol (Path)
Temel şekillerin uç uca eklenmesi veya birleştirilmesi ile oluşturulan karmaşık
çizimlerdir.
Data özelliği içinde şekle ait köşe noktaları, mesafe değerleri gibi
veriler bulunmalıdır.
Data özelliğinde bazı harfler kullanılarak şekle ait temel parametreler belirlenir. Bu harfler
ise aşağıda verilmiştir.
M Harfi: Şeklin ilk noktasını belirler.
L Harfi: Çizgi çizmeye yarar.
H Harfi: Yatay çizgi çizmeye yarar.
V Harfi: Dikey çizgi çizmeye yarar.
C, Q-S-P Harfleri: Çeşitli biçimlerde eğriler çizer.
A Harfi: Elips çizmeye yarar.
Z: İlk nokta ile son nokta arasını kapatmayı sağlar.
Örnek: Path kullanarak üçgen çizimi
Data özelliğinde bazı harfler kullanılarak şekle ait temel parametreler belirlenir. Bu harfler
ise aşağıda verilmiştir.
M Harfi: Şeklin ilk noktasını belirler.
L Harfi: Çizgi çizmeye yarar.
H Harfi: Yatay çizgi çizmeye yarar.
V Harfi: Dikey çizgi çizmeye yarar.
C, Q-S-P Harfleri: Çeşitli biçimlerde eğriler çizer.
A Harfi: Elips çizmeye yarar.
Z: İlk nokta ile son nokta arasını kapatmayı sağlar.
Örnek: Path kullanarak üçgen çizimi
|
<Grid>
<Path Data="M 0,200 L100,200 50,50z" Stroke="Black" Fill="Gray" Canvas.Left="150" Canvas.Top="70" /> </Grid> |
Örnek: Path kullanarak eğri çizimi
|
<Grid>
<Path Data="M 10,100 C 10,300 300,-200 250,100z" Stroke="Red" Fill="Orange" Canvas.Left="10" Canvas.Top="10" /> </Grid> |
5. Çoklu Geometrik Nesneler (GeometryGroup)
Geometrik şekilleri birleştirmek ve kesişimlerini almak için kullanılır. Path etiketi
içerisinde kullanılır. Aşağıdaki örneği inceleyelim.
|
<Canvas>
<Path Stroke="Black" StrokeThickness="1" Fill="#CCCCFF"> <Path.Data> <GeometryGroup FillRule="EvenOdd"> <LineGeometry StartPoint="10,10" EndPoint="50,30" /> <EllipseGeometry Center="40,70" RadiusX="30" RadiusY="30" /> <RectangleGeometry Rect="30,55 100 30" /> </GeometryGroup> </Path.Data> </Path> </Canvas> |
Yorumlar
Yorum Gönder