Windows Phone development (35): drawing with express Blend

In the previous section, we pulled a simple drawing command, but that is not the simplest drawing method. Today, I would like to recommend a better plotting solution-the use of the express blend tool.

This tool is installed along with the SDK and is free of charge. I believe everyone knows it. I think some of you may have used it again. Yes, it is a very powerful design tool, it looks more professional than flash.

 

Next, we will give a simple walkthrough of how to use this tool for plotting. As for the specific usage methods, you can refer to the help documentation and become proficient when you play more games.

 

First, start the express blend tool. I don't need to tell you how to start it. If you don't, I suggest you test the computer level.

After the project is started, switch to the project panel in the Start dialog box and click "Create Project ".

 

 

In the new dialog box that appears, select the WP application.ProgramEnter the relevant parameters and press OK. This is too simple and you don't need to teach, as shown in.

 

Note: This guy is connected to vs. That is to say, the project created by Vs can be opened with blend, and the project created by blend can also be opened with.

 

 

Select the pen tool in the toolbox, as shown in.

 

Then, you can "Do bad things" on the page. As for how to do it, check your imagination.

 

 

Do you want it to have an animated effect?

Open the "object and timeline" window and click "new ..."

 

In the displayed dialog box, enter the storyboard name.

 

Select path, and then click Insert key frame on the demo board.

 

 

Locate the three-second frame on the demo board, insert a key frame, and use the "move" tool to move the image you just painted to another position on the page.

Make sure that the path is different on the two parallel key frames.

 

 

 

Now, you can click the play button to view the animation effect.

 

 

How are you doing.

At this time, press F5. After running, you will find that the animation is not executed. Don't worry, because we haven't triggered the animation yet,

Switch to C #CodeWindow to add code for the loaded event on the page.

Public mainpage () {initializecomponent (); this. Loaded + = (sender, e) =>{ this. mystorybrd. Begin ();};}
 

Now, you can run it to see the animation.

 

Okay, switch to the XAML view. You will see that the tool has generated the XAML code for us.

 

 

Okay, let's talk about it. The blend tool is very powerful. It just demonstrates a little of the features.