View Snippet

Drawing On Canvas

Viewed: 351

Date: 2011-06-09

The following code snippet demonstrates how to draw on a Canvas control.

// MainPage.xaml

<phone:PhoneApplicationPage 

    x:Class="WindowsPhoneApplication1.MainPage"

    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"

    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"

    FontFamily="{StaticResource PhoneFontFamilyNormal}"

    FontSize="{StaticResource PhoneFontSizeNormal}"

    Foreground="{StaticResource PhoneForegroundBrush}"

    SupportedOrientations="Portrait" Orientation="Portrait"

    shell:SystemTray.IsVisible="True">

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

    <Grid x:Name="LayoutRoot" Background="Transparent">

        <Canvas Name="Canvas1" Height="Auto" Width="Auto" Background="Black" />

    </Grid>

</phone:PhoneApplicationPage>

// MainPage.xaml.cs

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.Imaging;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

using Microsoft.Phone.Controls;

using Microsoft.Phone.Tasks;

namespace WindowsPhoneApplication1

{

    public partial class MainPage : PhoneApplicationPage

    {

        public MainPage()

        {

            InitializeComponent();

            Canvas1.MouseLeftButtonDown += new MouseButtonEventHandler(Canvas1_MouseLeftButtonDown);

            Canvas1.MouseLeftButtonUp += new MouseButtonEventHandler(Canvas1_MouseLeftButtonUp);

            Canvas1.MouseMove += new MouseEventHandler(Canvas1_MouseMove);

        }

        private Point _mouseDownPoint;

        private Point _mouseUpPoint;

        private bool _mouseDown = false;

        void Canvas1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

        {

            _mouseDown = true;

            _mouseDownPoint = e.GetPosition(Canvas1);

        }

        void Canvas1_MouseMove(object sender, MouseEventArgs e)

        {

            if (_mouseDown)

            {

                _mouseUpPoint = e.GetPosition(Canvas1);

                Line line = new Line() { X1 = _mouseDownPoint.X, Y1 = _mouseDownPoint.Y, X2 = _mouseUpPoint.X, Y2 = _mouseUpPoint.Y };

                line.Stroke = new SolidColorBrush(Colors.White);

                line.StrokeThickness = 2;

                Canvas1.Children.Add(line);

                _mouseDownPoint = _mouseUpPoint;

            }

        }

        void Canvas1_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)

        {

            _mouseDown = false;

        }

    }

}

New Snippets

Update Content Label Text From Master Page ASP.Net - C# Miscellaneous

The following code snippet demonstrates how to update the Text property of a Label control located in a page which uses a master page from within the master page code behind file.

HTML Table Paging Javascript Navigation

The following code snippet demonstrates how to apply paging to a HTML table element.

Get Textarea Data Length Javascript Miscellaneous

The following code snippet demonstrates how to display the data length of a textarea element as the user types in data.

Custom TextBox Control With BackColor Hover C# Controls

The following code snippet demonstrates how to create a custom TextBox control, which can change its background color when a user hovers over the TextBox control.

TextBox Validating Event C# Controls

The following code snippet demonstrates how to validate TextBox controls using the Validating event.

Bing Map Control C# - Windows Mobile Controls

This simple code snippet demonstrates how to set the latitude and longitude for the Bing Map control.

Count Down Timer C# - Windows Mobile Miscellaneous

This code snippet demonstrates how to use the DispatcherTimer class to create a count down timer.

Edit And Update A listView Control ASP.Net - C# Controls

The following code snippet demonstrates how to bind a ListView control to a DataTable object and allow the user to edit rows using the ItemEditing and ItemUpdating events of the listView control. This example uses a Microsoft SQL Server and connects to the sample AdventureWorks database.

Remove All Options From Select Javascript Miscellaneous

The following code snippet demonstrates how to clear a select element and remove all options from it.

ListView With DataPager ASP.Net - C# Controls

The following code snippet demonstrates how to page through a ListView control using the DataPager control.

Bind ListView To DataTable ASP.Net - C# Controls

The following code snippet demonstrates how to bind a ListView control to a DataTable object. It also shows how to use the ItemTemplate to display the data.

XmlWriterSettings Example ASP.Net - C# XML

The following code snippet shows how to indent Xml data when using the XmlWriter class.

Deserialize Object From Xml File ASP.Net - VB XML

The following code snippet demonstrates how to deserialize an object from an Xml file and cast the object back into its original type.

Serialize Object To Xml ASP.Net - VB XML

The following code snippet demonstrates how to serialize an object and save it to an Xml file using the XmlSerializer class.

Save And Load Images Drawn On Canvas C# - Windows Mobile Graphics

The following code snippet demonstrates how to draw on a canvas. The canvas image can then be saved and loaded. Images are saved to isolated storage.

Ads by Lake Quincy Media

Top C# - Windows Mobile Snippets

Save And Load Images Drawn On Canvas - C# - Windows Mobile

The following code snippet demonstrates how to draw on a canvas. The canvas image can then be saved and loaded. Images are saved to isolated storage.

Count Down Timer - C# - Windows Mobile

This code snippet demonstrates how to use the DispatcherTimer class to create a count down timer.

Add Items To ListBox Control - C# - Windows Mobile

The following code snippet demonstrates how to add items to a ListBox control.

Bing Map Control - C# - Windows Mobile

This simple code snippet demonstrates how to set the latitude and longitude for the Bing Map control.

ListBox SelectionChanged Example - C# - Windows Mobile

The following code snippet demonstrates how to display the selected item from a ListBox control.

ScrollViewer Example - C# - Windows Mobile

The following code snippet demonstrates how to add content to the ScrollViewer control. In this example a StackPanel is added to the ScrollViewer.

Read And Write To IsolatedStorageFileStream - C# - Windows Mobile

The following code snippet demonstrates how to write to an IsolatedStorageFileStream object and read data from it.

Get BitmapImage Download Progress - C# - Windows Mobile

The following code snippet demonstrates how to display the download progress of an image using the BitmapImage class and the DownloadProgress event.

Load Image From Web Server - C# - Windows Mobile

The following code snippet demonstrates how to display an image from a web server into an image control.

Read File From Server - C# - Windows Mobile

The following code snippet demonstrates how to load a file from a web server using the webclient class.