Windows 8 Store Apps學習(18) 繪圖 Shape, Path, Stroke, Brush

介紹

重新想象 Windows 8 Store Apps 之 繪圖

Shape - 圖形

Path - 路徑

Stroke - 筆劃

Brush - 畫筆

樣本

1、示範如何繪製圖形

Drawing/Shape.xaml

<Page    x:Class="XamlDemo.Drawing.Shape"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:local="using:XamlDemo.Drawing"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d">        <Grid Background="Transparent">        <StackPanel Margin="120 0 0 0">                <!--                繪製圖形            -->                <!--畫直線-->            <Line X1="0" Y1="0" X2="300" Y2="100" Stroke="Blue" StrokeThickness="3" />                            <!--畫矩形-->            <Rectangle Width="200" Height="50" Fill="Red" Stroke="Yellow" StrokeThickness="3" />                <!--畫折線（即多條串連起來的直線）-->            <Polyline Points="10,100 50,10 100,100" Stroke="Green" StrokeThickness="3" />                <!--畫多邊形-->            <Polygon Points="50,50 100,50 300,100 200,100 100,200" Fill="Yellow" Stroke="Red" StrokeThickness="6" />                <!--畫橢圓-->            <Ellipse Width="100" Height="50" Fill="Orange" Stroke="Red" StrokeThickness="6" />                                            <!--                Stretch - 展開方式（Windows.UI.Xaml.Media.Stretch 枚舉）                    Fill - 充滿容器，不保留長寬比                    None - 不做任何處理，如果圖片比容器大，則多出的部分被剪裁                    Uniform - 等比縮放到容器（預設值）                    UniformToFill - 充滿容器，且保留長寬比，多出的部分被剪裁            -->            <Grid Width="200" Height="100" HorizontalAlignment="Left" Background="Black">                <Ellipse Fill="Orange" Stroke="Red" StrokeThickness="6" Stretch="UniformToFill" />            </Grid>            </StackPanel>    </Grid></Page>