Tải bản đầy đủ - 0 (trang)
17-22. Display the Progress of a Long-Running Operation and Allow the User to Cancel It

17-22. Display the Progress of a Long-Running Operation and Allow the User to Cancel It

Tải bản đầy đủ - 0trang

CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



How It Works

The BackgroundWorker component gives you the ability to execute time-consuming operations

asynchronously. It automatically executes the operation on a different thread to the one that created it

and then automatically returns control to the calling thread when it is completed.

The BackgroundWorker’s DoWork event specifies the delegate to execute asynchronously. It is this

delegate that is executed on a background thread when the RunWorkerAsync method is called. When it

has completed the operation, it calls the RunWorkerCompleted event and executes the attached delegate

on the same thread that was used to create it. If the BackgroundWorker object is created on the UI

thread—for example, in the constructor method for a window or control—then you can access and

update the UI in the RunWorkerCompleted event without having to check that you are on the UI thread

again. The BackgroundWorker object handles all the thread marshaling for you.

The DoWork method takes an argument of type System.ComponentModel.DoWorkEventArgs, which

allows you to pass an argument to the method. The RunWorkerCompleted event is passed an instance of

the System.ComponentModel.RunWorkerCompletedEventArgs class, which allows you to receive the result of

the background process and any error that might have been thrown during processing.

The BackgroundWorker class has a Boolean property called WorkerReportsProgress, which indicates

whether the BackgroundWorker can report progress updates. It is set to False by default. When this is set

to True, calling the ReportProgress method will raise the ProgressChanged event. The ReportProgress

method takes an integer parameter specifying the percentage of progress completed by the

BackgroundWorker. This parameter is passed to the ProgressChanged event handler via the

ProgressPercentage property of the System.ComponentModel.ProgressChangedEventArgs class. The

ProgressBar control sets the default value for its Maximum property to 100, which lends itself perfectly and

automatically to receive the ProgressPercentage as its Value property.

The BackgroundWorker class has a Boolean property called WorkerSupportsCancellation, which when

set to True allows the CancelAsync method to interrupt the background operation. It is set to False by

default. In the RunWorkerCompleted event handler, you can use the Cancelled property of the

RunWorkerCompletedEventArgs to check whether the BackgroundWorker was cancelled.



The Code

The following example demonstrates a window that declares a ProgressBar control and a Button. An

instance of the BackgroundWorker class is created in the window’s constructor, and its

WorkerSupportsCancellation property is set to True.

When the Button is clicked, the code in the Click handler runs the BackgroundWorker

asynchronously and changes the text of the Button from Start to Cancel. If it is clicked again, the IsBusy

property of the BackgroundWorker returns True, and the code calls the CancelAsync method to cancel the

operation.

In the RunWorkerCompleted event handler, a System.Windows.MessageBox is shown if the Cancelled

property of the RunWorkerCompletedEventArgs parameter is True. The XAML for the window is as follows:


xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="Recipe17_22" Height="100" Width="250">





863



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



















The code-behind for the window is as follows:

using

using

using

using



System.ComponentModel;

System.Threading;

System.Windows;

System.Windows.Input;



namespace Apress.VisualCSharpRecipes.Chapter17

{

///

/// Interaction logic for MainWindow.xaml

///


public partial class MainWindow : Window

{

private BackgroundWorker worker;

public MainWindow()

{

InitializeComponent();

// Create a Background Worker

worker = new BackgroundWorker();

worker.WorkerReportsProgress = true;

// Enable support for cancellation

worker.WorkerSupportsCancellation = true;

// Attach the event handlers

worker.DoWork +=

new DoWorkEventHandler(worker_DoWork);

worker.RunWorkerCompleted +=

new RunWorkerCompletedEventHandler(worker_RunWorkerCompleted);

worker.ProgressChanged +=

worker_ProgressChanged;

}



864



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



private void button_Click(

object sender, RoutedEventArgs e)

{

if(!worker.IsBusy)

{

this.Cursor = Cursors.Wait;

// Start the Background Worker

worker.RunWorkerAsync();

button.Content = "Cancel";

}

else

{

// Cancel the Background Worker

worker.CancelAsync();

}

}

private void worker_RunWorkerCompleted(

object sender, RunWorkerCompletedEventArgs e)

{

this.Cursor = Cursors.Arrow;

if(e.Cancelled)

{

// The user cancelled the operation

MessageBox.Show("Operation was cancelled");

}

else if(e.Error != null)

{

MessageBox.Show(e.Error.Message);

}

button.Content = "Start";

}

private void worker_DoWork(

object sender, DoWorkEventArgs e)

{

for(int i = 1; i <= 100; i++)

{

// Check if the BackgroundWorker

// has been cancelled

if(worker.CancellationPending)

{

// Set the Cancel property

e.Cancel = true;

return;

}



865



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



// Simulate some processing by sleeping

Thread.Sleep(100);

worker.ReportProgress(i);

}

}

private void worker_ProgressChanged(

object sender, ProgressChangedEventArgs e)

{

progressBar.Value = e.ProgressPercentage;

}

}

}

Figure 17-20 shows the resulting window.



Figure 17-20. Executing a method asynchronously using a background thread



17-23. Draw Two-Dimensional Shapes

Problem

You need to draw shapes such as circles, rectangles, polygons, or more complex shapes constructed

from a combination of simpler shapes with straight and curved lines.



Solution

Draw simple shapes using the Ellipse, Rectangle, or Polygon classes from the System.Windows.Shapes

namespace. For complex shapes, use a System.Windows.Shapes.Path element to represent the overall

shape. In the Data property of the Path object, include a GeometryGroup element containing one or more

EllipseGeometry, LineGeometry, PathGeometry, or RectangleGeometry elements that together describe

your shape. GeometryGroup, EllipseGeometry, LineGeometry, PathGeometry, and RectangleGeometry are all

classes from the System.Windows.Media namespace.



866



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



■ Tip Defining complex shapes manually can be time-consuming, error prone, and frustrating. For complex

shapes, you should consider using a visual design tool (such as Microsoft Expression Design) that generates XAML

to draw the shape and then use the output of the tool in your application.



How It Works

The Ellipse, Rectangle, and Polygon classes all derive from the System.Windows.Shapes.Shape class and

provide a quick and easy way to draw simple shapes. To use an Ellipse or Rectangle element, you need

only specify a Height property and a Width property to control the basic size of the shape. The values are

assumed to be px (pixels) but can also be in (inches), cm (centimeters), or pt (points). For the Rectangle

element, you can also specify values for the RadiusX and RadiusY properties, which set the radius of the

ellipse used to round the corners of the rectangle.

The Polygon allows you to create shapes with as many sides as you require by constructing a shape

from a sequence of connected lines. To do this, you specify the sequence of points you want connected

by lines to form your shape. The Polygon automatically draws a final line segment from the final point

back to the first point to ensure the shape is closed.

You can declare the points for the Polygon statically by specifying a sequence of coordinate pairs in

the Points property of the Polygon element. Each of these coordinate pairs represents the x and y offset

of a point from the base position of the Polygon within its container (see recipes 17-6 through 17-9 for

details on how to position UI elements in the various types of containers provided by WPF). For clarity,

you should separate the x and y coordinates of a pair with a comma and separate each coordinate pair

with a space (for example, x1,y1 x2,y2 x3,y3, and so on). To configure the points of a Polygon

programmatically, you need to add System.Windows.Point objects to the System.Windows.

Media.PointsCollection collection contained in the Points property of the Polygon object.

Although the Polygon class allows you to create somewhat complex shapes easily, it allows you to

use only straight edges on those shapes. Polygon also includes significant overhead because of all the

functionality inherited from the System.Windows.Shapes.Shape class.

For complex and lightweight shapes over which you have more control, use a Path element to

represent the overall shape. Path defines the settings—such as color and thickness—used to actually

draw the line and also implements events for handling mouse and keyboard interaction with the line.

You must then construct the desired shape using the classes derived from the System.Windows.

Media.Geometry class, including PathGeometry, EllipseGeometry, LineGeometry, and RectangleGeometry.

To make shapes that consist of multiple simpler shapes, you must encapsulate the collection of simpler

shapes in a GeometryGroup element within the Data property of the Path.

The EllipseGeometry, LineGeometry, and RectangleGeometry elements are lighter-weight equivalents

of the Ellipse, Line, and Rectangle classes from the System.Windows.Shapes namespace, intended for

use when creating more complex shapes. To draw an ellipse with the EllipseGeometry class, position the

ellipse using the Center property, and specify the width and height of the ellipse using the RadiusX and

RadiusY properties. To draw a line with the LineGeometry class, specify the starting point of the line using

the StartPoint property and the end of the line using the EndPoint property. To draw a rectangle with

the RectangleGeometry class, specify the position of the top-left corner of the rectangle as well as the

width and height of the rectangle using the Rect property. You can also specify values for the RadiusX

and RadiusY properties, which set the radius of the ellipse used to round the corners of the rectangle. All

coordinates are relative to the root position of the Path element within its container.

Drawing curved lines in WPF is not as simple as you would hope. Unlike with lines, ellipses, and

rectangles, there is no simple class that draws a curved line for you. However, at the expense of a little



867



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



complexity, you get a great deal of flexibility and control, which is what you really want if you need to

draw all but the simplest curved lines. To draw a curved line, you must use a PathGeometry element. The

PathGeometry element can define multiple lines, so you must declare each line inside the PathGeometry

element within its own PathFigure element. The StartPoint property of the PathFigure element defines

the point where WPF will start to draw your line. The StartPoint property takes a pair of System.Double

values representing the x and y offsets from the root position of the Path element within its container.

Within the PathFigure element, you finally get to define what your line is going to look like using one

or more ArcSegment, LineSegment, and BezierSegment elements. When rendered, each segment defines

how your line continues from the point where the previous segment ended (or the StartPoint of the

PathFigure if it is the first segment).

A LineSegment defines a straight line drawn from the end of the last segment to the point defined in

its Point property. The Point property takes a pair of Double values representing the x and y offsets from

the root position of the Path element.

An ArcSegment defines an elliptical arc drawn between the end of the last segment and the point

defined in its Point property. The Point property takes a pair of Double values representing the x and y

offsets from the root position of the Path element. Table 17-8 defines the properties of the ArcSegment

class that let you configure the shape of the curved line it defines.

Table 17-8. Properties of the ArcSegment Class



Value



Description



IsLargeArc



Specifies whether the line drawn between the start and end of the ArcSegment is the

small or large section of the ellipse used to calculate the arc.



IsSmoothJoin



A Boolean that defines whether the join between the previous line and the ArcSegment

should be treated as a corner. This determines how the StrokeLineJoin property of the

Path element affects the rendering of the join.



RotationAngle



A double that defines the amount in degrees by which the ellipse (from which the arc is

taken) is rotated about the x axis.



Size



A pair of Double values that specify the x and y radii of the ellipse used to calculate the

arc.



SweepDirection



Defines the direction in which WPF draws the ArcSegment; available values are

Clockwise and Counterclockwise.



A BezierSegment defines a Bezier curve drawn between the end of the last segment and the point

defined in its Point3 property. The Point3 property takes a pair of Double values representing the x and y

offsets from the root position of the Path element. The Point1 and Point2 properties of the BezierSegment

define the control points of the Bezier curve that exert a “pull” on the line, causing it to create a curve.

You can read more about Bezier curves at http://en.wikipedia.org/wiki/Bezier_curves.



868



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



■ Note WPF defines a minilanguage that provides a concise syntax by which you can define complex geometries.

Because it is terse and difficult to read, this language is primarily intended for tools that generate geometry

definitions automatically, but can also be used in manual definitions. A discussion of this minilanguage is beyond

the scope of this book. To find out more, read the MSDN article at http://msdn.microsoft.com/enus/library/ms752293(VS.100).aspx.



The Code

The following XAML demonstrates how to use the various drawing elements mentioned previously to

draw a wide variety of two-dimensional shapes in a System.Windows.Controls.Canvas (see Figure 17-21).


xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="Recipe17_23" Height="350" Width="450">














Height="60" Width="90" />


Height="100" Width="70"

RadiusX="10" RadiusY="10"/>


Height="70" Width="70"

RadiusX="5" RadiusY="30"/>


Height="100" Width="70"/>


Height="50" Width="90"/>


Height="70" Width="70"/>


Margin="5" Points="40,10 70,80 10,80"/>



869



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION




Margin="5" Points="20,0 60,0 80,20 80,60 60,80

20,80 0,60 0,20"/>


Margin="5" Points="20,0 50,10 50,50 80,60 60,80 0,20"/>


Stroke="Black" StrokeThickness="3" >














Size="10,10" SweepDirection="Clockwise"/>


SweepDirection="Clockwise"/>


Size="10,10" SweepDirection="Clockwise"/>







































870



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



Figure 17-21. Examples of simple and complex shapes on a canvas



17-24. Create Reusable Shapes

Problem

You need to create a shape that you can use many times without having to define it each time.



Solution

Define the geometry of the shape as a static resource, and give it a Key. You can then use binding syntax

to reference the geometry from the Data property of a System.Windows.Shapes.Path element wherever

you need it.



How It Works

Geometries describing complex shapes can be long and complicated, so you will not want to repeat the

geometry description in multiple places. Instead, you can define the geometry once as a static resource

and refer to the resource wherever you would normally use that geometry.

You can declare instances of any of the classes that inherit from the System.Windows.Media.Geometry

class in the resource dictionary of a suitable container. This includes the PathGeometry, EllipseGeometry,

LineGeometry, RectangleGeometry, and GeometryGroup classes from the System.Windows.Media

namespace. The only special action you need to take is to give the geometry resource a name by

assigning a value to the x:Key property.

Once defined, refer to the geometry resource from the Data property of a Path element using the

following syntax:

... Data="{StaticResource GeometryKey}" ...



871



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



The Code

The following XAML demonstrates how to create a System.Windows.Media.GeometryGroup static resource

with the key Clown, and its subsequent use to display a clown shape multiple times in a System.

Windows.Controls.UniformGrid. Each clown displayed uses the same underlying geometry but different

stroke settings to change the color and format of the lines (see Figure 17-22).


xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

Title="Recipe17_24" Height="350" Width="300">














Size="10,10" SweepDirection="Clockwise"/>


SweepDirection="Clockwise"/>


Size="10,10" SweepDirection="Clockwise"/>


































Stroke="Black" StrokeThickness="1" Margin="5" Fill="BurlyWood"/>


Stroke="Blue" StrokeThickness="5" Margin="5" />


Stroke="Red" StrokeThickness="3" StrokeDashArray="1 1"/>


Stroke="Green" StrokeThickness="4" StrokeDashArray="2 1"/>







872



www.it-ebooks.info



CHAPTER 17 ■ WINDOWS PRESENTATION FOUNDATION



Figure 17-22. Using static geometry resources to create reusable shapes



17-25. Draw or Fill a Shape Using a Solid Color

Problem

You need to draw or fill a shape using a solid color.



Solution

For shapes derived from System.Windows.Shapes.Shape, set the Stroke or Fill property to an instance of

System.Windows.Media.SolidColorBrush configured with the color you want to use.



How It Works

The SolidColorBrush class represents a brush with a single solid color that you can use to draw or fill

shapes. To draw a shape derived from Shape using a solid color, assign an instance of a SolidColorBrush

to the Stroke property of the Shape. To fill a shape derived from Shape using a solid color, assign an

instance of a SolidColorBrush to the Fill property of the Shape.

There are a variety of ways to obtain SolidColorBrush objects in both XAML and code, but you need

to understand how WPF represents color to best understand how to create and use SolidColorBrush

objects.

WPF represents color with the System.Windows.Media.Color structure, which uses four channels

to define a color: alpha, red, green, and blue. Alpha defines the amount of transparency the color has,

and the red, green, and blue channels define how much of that primary color is included in the

aggregate color.

The Color structure supports two common standards for defining the values for these channels:

RGB and scRGB. The RGB standard uses 8-bit values for each channel, and you use a number between 0



873



www.it-ebooks.info



Tài liệu bạn tìm kiếm đã sẵn sàng tải về

17-22. Display the Progress of a Long-Running Operation and Allow the User to Cancel It

Tải bản đầy đủ ngay(0 tr)

×