與眾不同windows phone (17) Graphic and Animation（畫圖和動畫）

介紹

與眾不同 windows phone 7.5 (sdk 7.1) 之畫圖和動畫

圖形

畫筆

轉換

動畫

緩動

樣本

1、圖形（Shape）

ShapeDemo.xaml

<phone:PhoneApplicationPage      x:Class="Demo.GraphicAndAnimation.ShapeDemo"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    FontFamily="{StaticResource PhoneFontFamilyNormal}"    FontSize="{StaticResource PhoneFontSizeNormal}"    Foreground="{StaticResource PhoneForegroundBrush}"    SupportedOrientations="Portrait" Orientation="Portrait"    mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"    shell:SystemTray.IsVisible="True">        <Grid x:Name="LayoutRoot" Background="Transparent">         <StackPanel Name="root" Orientation="Vertical" HorizontalAlignment="Left">                <!--                 以 xaml 的方式繪製圖形                 更多詳細內容請參見：                     http://www.cnblogs.com/webabcd/archive/2008/10/23/1317407.html                     http://www.cnblogs.com/webabcd/archive/2008/10/27/1320098.html             -->                            <!--畫矩形-->             <Rectangle Width="200" Height="50" Fill="Red" Stroke="Yellow" StrokeThickness="3" />                <!--畫多條串連起來的直線-->             <Polyline Points="10,100 50,10 100,100" Stroke="Green" StrokeThickness="20" StrokeLineJoin="Round" />                <!--畫直線-->             <Line X1="0" Y1="0" X2="400" Y2="0" Stroke="Blue" StrokeThickness="10" StrokeDashArray="2,4,6" StrokeDashCap="Triangle" />                <!--畫橢圓-->             <Ellipse Stroke="Red" Fill="Yellow" StrokeThickness="6" Width="100" Height="50"></Ellipse>            </StackPanel>     </Grid>    </phone:PhoneApplicationPage>