SimpleDraw是一款Windows Phone上的小应用，下载地址是：

下面把它的一些功能和开发源代码与大家分享一下。

该软件实现直线，圆，柜形，任意线条的画图，同时能改变色彩和笔粗。

同时能对已有的图片和摄像头拍摄的图片进行增改。

代码如下：（其他窗体代码见源代码文件）

using System;

using System.Collections.Generic; using System.Linq; using System.Net; using System.Windows; using System.Windows.Controls; using System.Windows.Documents; using System.Windows.Input; using System.Windows.Media; using System.Windows.Media.Animation; using System.Windows.Shapes; using Microsoft.Phone.Controls; using Microsoft.Phone.Info; using Microsoft.Phone.Tasks; using System.Windows.Media.Imaging; using System.IO.IsolatedStorage; using System.IO; using Microsoft.Xna.Framework.Media;

namespace SaikoSimpleDraw {     public partial class MainPanel : PhoneApplicationPage     {         public MainPanel()         {

            InitializeComponent();

            try             {                 this.transofrmGroup = new TransformGroup();                 translation = new TranslateTransform();                 scale = new ScaleTransform();                 this.transofrmGroup.Children.Add(translation);                 this.transofrmGroup.Children.Add(scale);                 canv.RenderTransform = this.transofrmGroup;

                cct = new CameraCaptureTask();

                cct.Completed += CamerCaptureTask_Completed;                 pct = new PhotoChooserTask();                 pct.Completed += PhotoCaptureTask_Completed;             }             catch (Exception exc)             {                 MessageBox.Show(exc.Message);             }         }         CameraCaptureTask cct;         PhotoChooserTask pct;         TransformGroup transofrmGroup;         TranslateTransform translation;         ScaleTransform scale;

        Polyline polyline;

        Line line;         Rectangle rectangle;         Ellipse ellipse;         Polygon polygon;         Point RecPoint = new Point();

        Stack<UIElement> shapes = new Stack<UIElement>();//撤销栈

        /// <summary>         /// 解决形状重叠问题         /// </summary>         /// <param name="shape"></param>         /// <param name="X"></param>         /// <param name="Y"></param>         void GetXY(UIElement shape, ref double X, ref double Y)         {             if (shape is Rectangle)             {                 X += ((Rectangle)shape).Margin.Left;                 Y += ((Rectangle)shape).Margin.Top;             }             else                 if (shape is Ellipse)                 {                     X += ((Ellipse)shape).Margin.Left;                     Y += ((Ellipse)shape).Margin.Top;                 }                 else                 {                     if (shape is Image)                     {                         X += 240 - (348 - ((Image)shape).Margin.Top);                         Y += 348 - (240 - ((Image)shape).Margin.Left);                     }                 }         }

        //画图过程

        private void can_ManipulationDelta(object sender, ManipulationDeltaEventArgs e)         {             try             {                 double X = e.ManipulationOrigin.X;                 double Y = e.ManipulationOrigin.Y;                 if (camermark || App.FillOff)                 {                     if (e.ManipulationContainer is Image)                     {                         X = 696 - e.ManipulationOrigin.Y;                         Y = e.ManipulationOrigin.X;                     }                     GetXY(e.ManipulationContainer, ref X, ref Y);                 }

                if (App.shape is Line)

                {                     line.X2 = X;                     line.Y2 = Y;                 }                 else                     if (App.shape is Rectangle)                     {                         double x = 0, y = 0;                         x = RecPoint.X > X ? X : RecPoint.X;                         y = RecPoint.Y > Y ? Y : RecPoint.Y;                         rectangle.Margin = new Thickness(x, y, 0, 0);                         rectangle.Width = Math.Abs(X - RecPoint.X);                         rectangle.Height = Math.Abs(Y - RecPoint.Y);                     }                     else                     {                         if (App.shape is Ellipse)                         {                             double x = 0, y = 0;                             x = RecPoint.X > X ? X : RecPoint.X;                             y = RecPoint.Y > Y ? Y : RecPoint.Y;                             ellipse.Margin = new Thickness(x, y, 0, 0);

                            ellipse.Width = Math.Abs(X - RecPoint.X);

                            ellipse.Height = Math.Abs(Y - RecPoint.Y);                         }                         else                             if (App.shape is Polygon)                             {                                 polygon.Points.Add(new Point(X, Y));                             }                             else                             {                                 polyline.Points.Add(new Point(X, Y));                             }                     }             }             catch (Exception exc)             {                 MessageBox.Show(exc.Message);             }         }         //画图结束         private void can_ManipulationCompleted(object sender, ManipulationCompletedEventArgs e)         {             try             {                 double X = e.ManipulationOrigin.X;                 double Y = e.ManipulationOrigin.Y;                 if (camermark || App.FillOff)                 {                     if (e.ManipulationContainer is Image)                     {                         X = 696 - e.ManipulationOrigin.Y;                         Y = e.ManipulationOrigin.X;                     }                     GetXY(e.ManipulationContainer, ref X, ref Y);                 }

                if (App.shape is Line)

                {                     line.X2 = X;                     line.Y2 = Y;                 }                 else                     if (App.shape is Rectangle)                     {                         double x = 0, y = 0;                         x = RecPoint.X > X ? X : RecPoint.X;                         y = RecPoint.Y > Y ? Y : RecPoint.Y;                         rectangle.Margin = new Thickness(x, y, 0, 0);

                        rectangle.Width = Math.Abs(X - RecPoint.X);

                        rectangle.Height = Math.Abs(Y - RecPoint.Y);                     }                     else                     {                         if (App.shape is Ellipse)                         {                             double x = 0, y = 0;                             x = RecPoint.X > X ? X : RecPoint.X;                             y = RecPoint.Y > Y ? Y : RecPoint.Y;                             ellipse.Margin = new Thickness(x, y, 0, 0);

                            ellipse.Width = Math.Abs(X - RecPoint.X);

                            ellipse.Height = Math.Abs(Y - RecPoint.Y);                         }                         else                             if (App.shape is Polygon)                             {                                 polygon.Points.Add(new Point(X, Y));                             }                             else                             {                                 polyline.Points.Add(new Point(X, Y));                             }                     }             }             catch (Exception exc)             {                 MessageBox.Show(exc.Message);             }         }         //画图开始         private void can_ManipulationStarted(object sender, ManipulationStartedEventArgs e)         {             try             {                 double X = e.ManipulationOrigin.X;                 double Y = e.ManipulationOrigin.Y;                 if (camermark || App.FillOff)                 {                     if (e.ManipulationContainer is Image)                     {                         X = 696 - e.ManipulationOrigin.Y;                         Y = e.ManipulationOrigin.X;                     }                     GetXY(e.ManipulationContainer, ref X, ref Y);                 }

                if (App.shape is Line)//画直线

                {                     line = new Line();                     line.StrokeThickness = App.width;                     line.Stroke = App.brush;                     line.X1 = X;                     line.Y1 = Y;                     line.X2 = X;                     line.Y2 = Y;

                    canv.Children.Add(line);

                    shapes.Push(line);                 }                 else                     if (App.shape is Rectangle)//画矩形                     {                         rectangle = new Rectangle();                         rectangle.Stroke = App.brush;                         rectangle.StrokeThickness = App.width;                         RecPoint.X = X;                         RecPoint.Y = Y;                         if (App.FillOff)                         {                             rectangle.Fill = App.brush;                         }                         rectangle.Margin = new Thickness(RecPoint.X, RecPoint.Y, 0, 0);                         rectangle.Height = RecPoint.Y;                         canv.Children.Add(rectangle);                         shapes.Push(rectangle);

                    }

                    else                     {                         if (App.shape is Ellipse)//画椭圆                         {                             ellipse = new Ellipse();                             ellipse.Stroke = App.brush;                             ellipse.StrokeThickness = App.width;                             RecPoint.X = X;                             RecPoint.Y = Y;                             ellipse.Margin = new Thickness(RecPoint.X, RecPoint.Y, 0, 0);                             ellipse.Height = RecPoint.Y;                             if (App.FillOff)                             {                                 ellipse.Fill = App.brush;                             }                             canv.Children.Add(ellipse);                             shapes.Push(ellipse);

                        }

                        else                             if (App.shape is Polygon)//任意多边形                             {                                 polygon = new Polygon();                                 polygon.StrokeThickness = App.width;                                 polygon.Stroke = App.brush;                                 if (App.FillOff)                                 {                                     polygon.Fill = App.brush;                                 }                                 canv.Children.Add(polygon);                                 shapes.Push(polygon);                                 polygon.Points.Add(new Point(X, Y));

                            }

                            else//画任意线条                             {                                 polyline = new Polyline();                                 polyline.StrokeThickness = App.width;                                 polyline.Stroke = App.brush;                                 canv.Children.Add(polyline);                                 shapes.Push(polyline);                                 polyline.Points.Add(new Point(X, Y));                             }                     }             }             catch (Exception exc)             {                 MessageBox.Show(exc.Message);             }

        }

        private void GoBack_Click(object sender, EventArgs e)         {             if (shapes.Count > 0)             {                 canv.Children.Remove(shapes.Pop());             }         }

        private void Color_Click(object sender, EventArgs e)

        {             NavigationService.Navigate(new Uri("/ColorPage.xaml", UriKind.RelativeOrAbsolute));         }         private void Width_Click(object sender, EventArgs e)         {             NavigationService.Navigate(new Uri("/WidthPage.xaml", UriKind.RelativeOrAbsolute));         }         private void Shape_Click(object sender, EventArgs e)         {             NavigationService.Navigate(new Uri("/ShapePage.xaml", UriKind.RelativeOrAbsolute));         }         void PicSel_ApplicationBarMenuItem_Click(object sender, EventArgs e)         {             pct.Show();         }         void PhotoCaptureTask_Completed(object sender, PhotoResult e)         {             camermark = false;             if (e.TaskResult == TaskResult.OK)             {                 BitmapImage bitmap = new BitmapImage();                 bitmap.SetSource(e.ChosenPhoto);                 Image image = new Image();                 if (bitmap.PixelWidth > bitmap.PixelHeight)                 {                     camermark = true;                     image.Width = 696;                     image.Height = 480;                     image.Margin = new Thickness(-108, -110, 0, 0);                     RotateTransform rt = new RotateTransform();                     rt.Angle = 90;                     rt.CenterX = 240;                     rt.CenterY = 348;                     image.RenderTransform = rt;                 }                 else                 {                     camermark = false;                     image.Width = 480;                     image.Height = 696;                 }                 image.Stretch = Stretch.Uniform;                 image.Source = bitmap;

                canv.Children.Add(image);

                shapes.Push(image);             }         }         private void Pic_ApplicationBarMenuItem_Click(object sender, EventArgs e)         {             cct.Show();         }         bool camermark = false;         public void CamerCaptureTask_Completed(Object sender, PhotoResult e)         {             camermark = true;             if (e.TaskResult == TaskResult.OK)             {                 BitmapImage bitmap = new BitmapImage();                 bitmap.SetSource(e.ChosenPhoto);                 Image image = new Image();                 image.Width = 696;                 image.Height = 480;                 image.Margin = new Thickness(-108, -110, 0, 0);                 image.Stretch = Stretch.Uniform;                 image.Source = bitmap;

                RotateTransform rt = new RotateTransform();

                rt.Angle = 90;                 rt.CenterX = 240;                 rt.CenterY = 348;                 image.RenderTransform = rt;                 canv.Children.Add(image);                 shapes.Push(image);             }

        }

        private void Clear_ApplicationBarMenuItem_Click(object sender, EventArgs e)

        {             canv.Children.Clear();         }         bool backcolor = true;         private void Back_ApplicationBarMenuItem_Click(object sender, EventArgs e)         {             if (backcolor)             {                 canv.Background = new SolidColorBrush(Colors.Black);             }             else             {                 canv.Background = new SolidColorBrush(Colors.White);             }             backcolor = !backcolor;         }

        private void About_ApplicationBarMenuItem_Click(object sender, EventArgs e)

        {             NavigationService.Navigate(new Uri("/About.xaml", UriKind.RelativeOrAbsolute));         }

        IsolatedStorageFile filestor = IsolatedStorageFile.GetUserStoreForApplication();

        /// <summary>

        /// 保存图片         /// </summary>         /// <param name="sender"></param>         /// <param name="e"></param>         private void Save_ApplicationBarMenuItem_Click(object sender, EventArgs e)         {             MemoryStream memorystream = new MemoryStream();             try             {                 ScaleTransform trans = new ScaleTransform();                 trans.ScaleX = 1;                 trans.ScaleY = 0.5;                 WriteableBitmap wbitmap = new WriteableBitmap(canv, trans);                 wbitmap.SaveJpeg(memorystream, Convert.ToInt32(canv.Width), Convert.ToInt32(canv.Height), 0, 90);                 wbitmap.Invalidate();                 memorystream.Seek(0, SeekOrigin.Begin);                 MediaLibrary lib = new MediaLibrary();                 lib.SavePicture("Draw.jpg", memorystream);                 memorystream.Close();                 camermark = false;                 canv.Children.Clear();                 MessageBox.Show("Sava successful!", "Message", MessageBoxButton.OK);                      }             catch (Exception exc)             {                 MessageBox.Show(exc.Message);             }             finally             {                 memorystream.Close();             }         }

    }

}

XAML代码如下：

<phone:PhoneApplicationPage xmlns:my="clr-namespace:Microsoft.Advertising.Mobile.UI;assembly=Microsoft.Advertising.Mobile.UI" 

    x:Class="SaikoSimpleDraw.MainPanel"     xmlns=""     xmlns:x=""     xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"     xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"     xmlns:d=""     xmlns:mc=""     FontFamily="{StaticResource PhoneFontFamilyNormal}"     FontSize="{StaticResource PhoneFontSizeNormal}"     Foreground="{StaticResource PhoneForegroundBrush}"     SupportedOrientations="Portrait" Orientation="Portrait"     mc:Ignorable="d" d:DesignHeight="696" d:DesignWidth="480"     shell:SystemTray.IsVisible="True" >

    <!--LayoutRoot is the root grid where all page content is placed-->

    <Grid x:Name="LayoutRoot" Background="Transparent">         <!--ContentPanel - place additional content here-->         <Canvas Width="480" Height="696" Name="canv"  Background="White"  ManipulationDelta="can_ManipulationDelta" ManipulationCompleted="can_ManipulationCompleted" ManipulationStarted="can_ManipulationStarted" >         </Canvas>     </Grid>     <!--Sample code showing usage of ApplicationBar-->     <phone:PhoneApplicationPage.ApplicationBar>         <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">             <shell:ApplicationBarIconButton Click="GoBack_Click" IconUri="/Image/GoBack.png" Text="Cancel"/>             <shell:ApplicationBarIconButton Click="Color_Click" IconUri="/Image/Color.png" Text="Color"/>             <shell:ApplicationBarIconButton  Click="Width_Click" IconUri="/Image/Width.png" Text="Thickness"/>             <shell:ApplicationBarIconButton  Click="Shape_Click" IconUri="/Image/Shape.png" Text="Shape"/>             <shell:ApplicationBar.MenuItems>                 <shell:ApplicationBarMenuItem Text="Save" Click="Save_ApplicationBarMenuItem_Click"/>                   <shell:ApplicationBarMenuItem Text="Clear" Click="Clear_ApplicationBarMenuItem_Click"/>                 <shell:ApplicationBarMenuItem Text="Switch Background" Click="Back_ApplicationBarMenuItem_Click"/>                 <shell:ApplicationBarMenuItem Text="Camera" Click="Pic_ApplicationBarMenuItem_Click"/>                 <shell:ApplicationBarMenuItem Text="Photo" Click="PicSel_ApplicationBarMenuItem_Click"/>                 <shell:ApplicationBarMenuItem Text="About" Click="About_ApplicationBarMenuItem_Click"/>             </shell:ApplicationBar.MenuItems>         </shell:ApplicationBar>     </phone:PhoneApplicationPage.ApplicationBar> </phone:PhoneApplicationPage>