Module 13 Animations in WPF. Module Overview Using Animations Using Triggers Implementing Data Visualizations.

Slides:

Advertisements

Similar presentations

Mercury Quality Center 9.0 Training Material

Advertisements

Module 1: Creating an Application by Using Windows Presentation Foundation Overview of WPF Creating a Simple WPF Application Handling Events and Commands.

Module 1: Creating Responsive Pages with Ajax Creating Partial-Page Updates by Using AJAX Scripting Actions on the Web Client.

JustinMind: Dynamic Panels

Microsoft® Small Basic

Working with Special Effects Creating Rollovers, Menus, Filters, and Transitions.

® Microsoft Office 2010 Excel Tutorial 4: Enhancing a Workbook with Charts and Graphs.

Module 10 WPF 2-D Graphics, Multimedia, and Printing.

Microsoft® Small Basic

Module 20 Troubleshooting Common SQL Server 2008 R2 Administrative Issues.

Tutorial 5: Working with Excel Tables, PivotTables, and PivotCharts

Managing User Settings with Group Policy

Unit 5: Building Presentation Layer Applications with ASP.NET 2.0.

Windows Presetation Foundation (WPF) 1. Introduction.

Creating Custom Forms. 2 Design and create a custom form You can create a custom form by modifying an existing form or creating a new form. Either way,

Create slices and hotspots Create links in Web pages Create rollovers from slices Create basic animation Add tweening symbol instances to create animation.

1 CA203 Presentation Application Creating a Multimedia Presentation Lecture # 10.

Microsoft Office Illustrated Inserting Illustrations, Objects, and Media Clips.

© Siemens Product Lifecycle Management Software Inc. All rights reserved Siemens PLM Software Solid Edge ST4 Training Animating assemblies.

Module 5 Understanding SQL Server 2008 R2 Recovery Models.

Microsoft ® Office PowerPoint ® 2003 Training Playing movies [Your company name] presents:

Syncing Audio, Video and Animations in Silverlight Dan Wahlin.

Microsoft ® Official Course Monitoring and Troubleshooting Custom SharePoint Solutions SharePoint Practice Microsoft SharePoint 2013.

Module 17 Storing XML Data in SQL Server® 2008 R2.

Microsoft® Small Basic The Controls Object Estimated time to complete this lesson: 1 hour.

Customizing Microsoft Project

Module 14: Configuring Print Resources and Printing Pools.

DEVSView: A DEVS Visualization Tool Wilson Venhola.

Microsoft ® Official Course Module 10 Optimizing and Maintaining Windows ® 8 Client Computers.

Module 11 Control Customization. Module Overview Overview of Control Authoring Creating Controls Managing Control Appearance by Using Visual States Integrating.

Module 14: WCF Send Adapters. Overview Lesson 1: Introduction to WCF Send Adapters Lesson 2: Consuming a Web Service Lesson 3: Consuming Services from.

Rujchai Ung-arunyawee Department of Computer Engineering Khon Kaen University.

Writing various AJAX forms in Drupal 7 1. Overview of Form API 2. Ctools 2.1 Ctools features 3. Ajax 3.1 Ajax Forms in Drupal 4. Putting it all together.

Chapter 11 Adding Sound and Video. Chapter 11 Lessons 1.Work with sound 2.Specify synchronization options 3.Modify sounds 4.Use ActionScript with sound.

ASP.NET Web Server Controls Basic Web Server Controls.

Tutorial 121 Creating a New Web Forms Page You will find that creating Web Forms is similar to creating traditional Windows applications in Visual Basic.

Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.

Module 12 Attached Properties and Behaviors in WPF.

Module 10 Administering and Configuring SharePoint Search.

1 Chapter 2: Working with Data in a Project 2.1 Introduction to Tabular Data 2.2 Accessing Local Data 2.3 Accessing Remote Data 2.4 Importing Text Files.

Adam Calderon – C# MVP Application Development Practice Lead Interknowlogy.

Module 2 Introduction to Visual Studio 2010 and WPF Version 4.

1. Chapter 15 Creating Charts 3 Charting Data in Word A chart or graph presents data visually. A chart depicts numeric data in a graphical format. If.

Module 7 Data Binding to Collections. Module Overview Binding to Collections of Objects Using Collection Views Create Master-Detail User Interfaces Using.

Module 1 Windows Client Application Design. Module Overview Windows Client Technologies Architectural Patterns.

Creating a Dynamic Web Page Template Module 5: Beyond the Basics with Expression Web LESSON 10.

Module 14 Application Settings, State, and Life Cycle.

CS324e - Elements of Graphics and Visualization Timing Framework.

Pasewark & Pasewark 1 Access Lesson 5 Creating and Modifying Reports Microsoft Office 2007: Introductory.

Working with Themes, Quick Parts, Page Backgrounds, and Headers and Footers Lesson 7.

Module 8 Enhancing User Interface Responsiveness.

NetTech Solutions Security and Security Permissions Lesson Nine.

Module 4 Taking Control of the User Interface. Module Overview Sharing Logical Resources in an Application Creating Consistent User Interfaces by Using.

Microsoft® Small Basic Exploring Shapes Estimated time to complete this lesson: 1 hour.

© 2011 Delmar, Cengage Learning Chapter 11 Adding Sound and Video.

UML Course Instructor: Rizwana Noor. Overview  Modeling  What is UML?  Why UML?  UML Diagrams  Use Case  Components  Relationships  Notations.

XP New Perspectives on Microsoft Office Access 2003, Second Edition- Tutorial 6 1 Microsoft Office Access 2003 Tutorial 6 – Creating Custom Forms.

Module 5: Managing Content. Overview Publishing Content Executing Reports Creating Cached Instances Creating Snapshots and Report History Creating Subscriptions.

Microsoft ® Excel ® 2013 Enhanced Tutorial 5: Working with Excel Tables, PivotTables, and PivotCharts.

Adding Interactivity Comp 140 Fall Web 2.0 Major change in internet usage –From mostly static pages Text Graphics Simple links –To new paradigm.

Part of the Microsoft.NET Framework 3.0 Tomer Shamam.NET Technologies Expert Sela Group

Variables and Inheritance Part 1 Alice. Review: Properties A class defines properties for its own kind of object. When an object is created (instantiated),

Appendix – Integration with Assets, Locations, and Organizations

Presenter Date | Location

XAML User Interface Creation in C#

Module 13: Creating Data Visualizations with Power View

Exercise 55 - Skills Slices and rollovers are useful interactive elements you can add to your Fireworks documents. Slices not only enable you to add features.

Presentation transcript:

Module 13 Animations in WPF

Module Overview Using Animations Using Triggers Implementing Data Visualizations

Lesson 1: Using Animations Understanding Animations Defining Animations Controlling Animations

Understanding Animations Animations enable you to animate controls and graphical objects: Animate properties such as Width, Height, and Opacity Grouped together by using Storyboard objects Animate properties such as Width, Height, and Opacity Grouped together by using Storyboard objects Types of animation: ColorAnimation DoubleAnimation Point Animation Custom ColorAnimation DoubleAnimation Point Animation Custom

Defining Animations You add animation elements to a Storyboard element to define animations <DoubleAnimation From="30" To="200" Duration="00:00:3" Storyboard.TargetName="myRectangle" Storyboard.TargetProperty="Height"> <BounceEase Bounces="2" EasingMode="EaseOut" Bounciness="2" /> <DoubleAnimation From="30" To="200" Duration="00:00:3" Storyboard.TargetName="myRectangle" Storyboard.TargetProperty="Height"> <BounceEase Bounces="2" EasingMode="EaseOut" Bounciness="2" />

You control animations by using the following methods on the Storyboard class: Controlling Animations Begin Pause Resume SetSpeedRatio Seek SeekAlignedToLastTick SkipToFill Stop Begin Pause Resume SetSpeedRatio Seek SeekAlignedToLastTick SkipToFill Stop

Lesson 2: Using Triggers Understanding Triggers Defining Event Triggers Defining Property Triggers

Understanding Triggers A trigger sets properties or starts actions: Triggered by property value changes or events Trigger types: EventTrigger PropertyTrigger EventTrigger PropertyTrigger MultiTrigger DataTrigger and MultiDataTrigger Trigger actions enable triggers to perform actions: EnterActions and ExitActions properties Actions property for event triggers EnterActions and ExitActions properties Actions property for event triggers

Defining Event Triggers To define a event trigger: Define a EventTrigger element 1 1 Specify the event that initiates the trigger 2 2 Define the behavior of the trigger 3 3 <DoubleAnimation Duration="0:0:1" Storyboard.TargetProperty="Opacity" To="0.0" />... <DoubleAnimation Duration="0:0:1" Storyboard.TargetProperty="Opacity" To="0.0" />...

Defining Property Triggers To define a property trigger: Define a Trigger element 1 1 Specify the property that initiates the trigger 2 2 Define the behavior of the trigger 3 3

Lesson 3: Implementing Data Visualizations Understanding Data Visualizations Designing Data Visualizations Implementing Data Visualizations by Using WPF

Understanding Data Visualizations Data visualizations: Communicate information by using data clearly and effectively Typically render data in an interesting way and are also interactive Closely related to information graphics but are not the same

Designing Data Visualizations Visualization vehicles: Tables Charts Graphs Rollovers Tooltips Mind maps Heat maps When designing data visualizations, consider: The data requirements for the visualization The elements of the data visualization that must be interactive The transitions that are required

Implement data visualizations by using: Implementing Data Visualizations by Using WPF Animations Controls Triggers......

Lab: Creating Animations Exercise 1:Creating Animations Declaratively Exercise 2:Creating Animations Dynamically Exercise 3:Creating Routed Events Exercise 4:Raising and Handling Routed Events Logon information Estimated time: 90 minutes

Lab Scenario You have been asked to update the graph control in the AdventureWorks Product Inventory application, to provide some simple animations to help give users some visual cues when they look at the data in the graph, and to enhance the visual appearance of the graph by adding an animation to the transaction history. You have also been asked to add functionality to the Inventory tab Graph control and make it an interactive control. You must extend the control to give the user the ability to click a plot point on the graph, which will display a visual element containing detailed transaction history for a selected date.

Lab Review Review Questions What is the advantage of the use of tooling such as Microsoft Expression Blend when you create animations? How can you locate an existing animation programmatically in your code-behind file? How can you programmatically reverse an animation so that it appears to play in reverse?

Module Review and Takeaways Review Questions Best Practices