Windows Phone development (35): drawing with express blend to: http://blog.csdn.net/tcjiaan/article/details/7493010

Source: Internet
Author: User

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 pop-up dialog box, select the WP application, enter 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 the C # code window and add code for the loaded event on the page.

[CSHARP]View plaincopyprint?

  1. Public mainpage ()
  2. {
  3. Initializecomponent ();
  4. His. Loaded + = (sender, e) => {
  5. This. mystorybrd. Begin ();
  6. ;
  7. }

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.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.