SimpleDraw是一款Windows Phone上的小应用，下载地址是：http://www.windowsphone.com/en-US/apps/6011404f-fdec-4cb9-a982-ccac353dc146
下面把它的一些功能和开发源代码与大家分享一下。
该软件实现直线，圆，柜形，任意线条的画图，同时能改变色彩和笔粗。
同时能对已有的图片和摄像头拍摄的图片进行增改。
代码如下：（其他窗体代码见源代码文件）
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="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="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>
本文转自桂素伟51CTO博客，原文链接：http://blog.51cto.com/axzxs/749442 ，如需转载请自行联系原作者
