[Aaronyang Purple Blog] write to own Wpf4.5-blend5 public class series 1

My article must be responsible for the reader, or it is a failure of the article---------www.ayjs.net Aaronyang technology sharing

1. Work area

Press F4, or you click the window switch mode, there is easy to develop the speed of the promotion, CTRL+F11 switch display mode

2. Open with vs2013, vs write backstage code, blend write foreground

Indicates that it is not found in vs2013 and can be opened in the right-click Project Blend mode in VS, but look at MSDN.

3.Blend is also a F5 running project that supports concise creation of test data, building controls, user controls, recording animations, trigger animations, and visual animation groups.

4.blend5 's tab is not vs2013 powerful, to be one off

On the interface, there is also grid alignment, as well as the split code and design page like vs

On the left there is a weak point like Photoshop tool Panel, Project Solution Panel, then 5 top tab, asset is more classified operations, trigger, is what conditions or events trigger animation, some control of animation, State is the knowledge of visual state group, parts, is a member of a component that must be part of a control, such as a drop-down box, where his popup is named after the parts, and is displayed here. is also one of the WPF knowledge.

The following is a simple use of the Panel tool. Simply don't say it. Pick the skill to say

1. Gradients

Next thing you see, there's an arrow in the middle.

This is used to adjust the direction of the gradient, with each additional transition color, there will be an adjustment point in the middle

Basically consistent with Photoshop usage. The direction can be adjusted.

Exclusive special tricks: take a special paragraph color:

Simple animation Recording: We click on the trigger, then add an event trigger, click + Event

Our default form loading time play animation, click the next + sign, add a story version

OK, we have found the story version of the recording panel, add a keyframe to our default state value in the first frame, then pull the orange-yellow line to 1 seconds, and then click Record Keyframe

When the top is still red, when the recording is displayed, we modify some properties of the form in the second frame, such as the background color, and we click the color of each small triangle paragraph to change to another color.

At this point, the story panel, has automatically added the Background property changes, and added an interval segment

We can debug the interface when we design the interface

Click the small prism in the animation panel, and the right side of the frame will appear with some property adjustments

If you have learned the function of high school, then is the graph, the x-axis changes, how to change the value of the y-axis, so in the majority of the graph is first slow and fast, mainly see the change of Y value y=f (x), out is the first fast after slow, inout is first slow, then fast to slow

KeySpline self-regulating function curves

Holdin is immediately changed to this value, there is no transition animation

These are the properties of the frame, and next, set the properties of the story version

Click OnLoaded1, and then appear the story version properties, whether to play back autoreverse, how many times to repeat RepeatBehavior

Next, reverse the animation recording, sometimes mouse moves from a to B, then the mouse away, you have to record a from B to a, no, you just copy the story version of the code

OK, about the study of blend, you do not still want to do, or first write here, the picture is too many easy cards, too much content is easy to see.

About the knowledge of animation, it is best to look at the non-interface design of the knowledge of the code, their own in the background handwriting, or the foreground handwriting, because you can increase the code awareness, a lot of good animation, dynamic calculation of animation is the Cow animation, we will also talk about the 3d animation Some effect of the implementation

============= Chic Copyright line ==========www.ayjs.net===== Aaronyang ========= AY =========== Anhui six An Yangyang ========== without permission reprint =========

-------------------A small recommendation, the author's Affirmation, the reader's support. Pushing is not recommended is not important, it is important to hope that we can extend the WPF, do not let such a good technology disappear, please, let us make a contribution to WPF technology. --------------------

[Aaronyang Purple Blog] write to own Wpf4.5-blend5 public class series 1