Blend animation Template

Learn Silverlight controls, whether it is core controls, Toolkit controls, or even a third-party control, in addition to the most basic usage, common attributes, events, and so on, it is also necessary to beautify the appearance of the control. I used to write and modify templates and VSM directly, resulting in low productivity. I have tried expression blend. I have learned how to modify the template of a control over the past two days, for example, adding an animation to a state change.

 

I. Recognize the "interaction" panel. To create an animation in blend, you must first familiarize yourself with the basic functions of commonly used buttons on the "interaction" panel. This is an example from the blend help document WPF. Similar to Silverlight, you only need to pay attention to the several important buttons in "object and timeline". For more information, see msdn "interaction" panel.

(4) It is the storyboard option. You can click "add" for the first time to delete or copy it.

A playback pointer indicates the animation time point. You can drag the playback pointer in the timeline to set the time point and preview the animation.

✓ Key frames have different levels: simple key frames, composite key frames, and Object-level key frames, which are distinguished by the elliptical size. Right-click the key frame, and you can delete it and set some options.

The record key frame is used to record the snapshot of the attributes of the selected object at the current time point. That is, click to add a key frame, and then select the attribute change value for the key frame.

 

2. Create a simple animation. In expression blend, an animation is composed of time series. You can record key frames on the time line to indicate the time setting of attribute changes. Several related buttons have also been introduced. Follow the steps in msdn "create simple animation" to learn clearly and quickly. The concept and category of an animation are no longer listed in this topic.

 

3. Modify the control template. In blend, right-click a control and choose edit widget (Template) from the shortcut menu. Then, click Edit copy (modify default template) or create null item (create from blank space ). In the "Create style resource" dialog box, enter the Template Name. The three options of "define location" represent the application domain of the style, and the ApplicationProgramThe template can be used for the same control in all documents, the same control in this document can be used, and only the control in this document can use this template.

Click OK to modify the template. For more detailed procedures in this section, see msdn "reusable template for creating system controls".

 

Iv. Options for modifying a template. Which of the following can be modified or customized for the original template of a control? Modify the display of controls in different States, and modify the transition time of changes in the control state. The general step is to select a status/status change and set the attribute/time change. For details, refer to msdn.

In addition, you can add an animation for the status so that the control is displayed after it is transitioned to this status. With the above foundation, this is not difficult. You can refer to "animation displayed after adding a state change".

 

Every section has relevant content on msdn, but it is organized in different categories,It is not suitable for linear solution to a specific problem., I stringed them up. After learning to modify the template of the system control, you can also apply this template to other controls, and it is much easier to create a custom control template.

Of course, blend also has a lot to learn. For example, a simple design can be used to create a "snake girl". To design complex animations, refer to Lawrence's "Create an animation using XAML and blend". it's okay to build 3D animations.