Home Page Icon
Home Page
Table of Contents for
IV. Extended Graphic Tools
Close
IV. Extended Graphic Tools
by Brennon Williams
Microsoft
Copyright
Dedication
About the Author
Acknowledgments
We Want to Hear from You!
Reader Services
Foreword
I. Overview
1. Introduction to Expression Blend
The Next Generation User Experience
How This Book Will Help You
The Business Mindset of the End User
Vista and .NET Framework 3.0/3.5 (Formerly WinFX)
Windows Presentation Foundation (WPF)
Silverlight
Expression Blend Versus Visual Studio
An Introduction to Expression Blend and XAML
Layered Understanding
The Graphical UI Layer
The Logic Layer (Class Library)
XAML Representations
XAML/CLR Example
Code/Markup Integration
The Benefits of Expression Blend
The XAML Architect’s View
The Interactive Designer’s View
The Coder’s View
The Workflow
The End User or Client
Summary
2. Welcome to the New World
Your First Look at Expression Blend 2
The “Hello World” Application
Viewing XAML Elements
Changing the “World” with XAML
Using XAML in Visual Studio
Changing the “World” with Code
The Best of Both Worlds or Not?
Changing the “World” with C# Code in XAML
Blend Versus Visual Studio Project Types
Your First REAL Blend Application: Twitter Reader
Creating the New Project in Blend
Building the UIElements
Coding Up Your Twitter
Summary
3. Expression Blend Panels
Panels
Interaction
Category Collapse
Dock/Undock
Resizer
Triggers
Trigger Types
Remove Trigger
Active Trigger
Property Recording State
Defined Triggers
Action Applied to Trigger
Recorded Property State
UIElement Selector
Timeline Selector
Add/Remove items
Timeline Action
Property
Property Value
Objects and Timelines
Timeline Recording Status On/Off
Open a Storyboard
Current Storyboard
Close Current Storyboard
New Storyboard
Storyboard Actions
Timeline Snapping
Timeline Resolution (Snapping/Second)
Playhead Position
New KeyFrame
Timeline
Lock/Unlock All
Timeline Zoom
Show/Hide All
XAML/Z-Order Arrangement
Selected Element
Activated Element (Yellow Border)
Parent UIElement
Scope Up Button
Storyboard Picker
Storyboard Search
Clear Search
Current Storyboard
Close Storyboard
Storyboard Actions
New
Duplicate
Reverse
Delete
Rename
Close
Resources
Create New Resource Dictionary
Filter Resource List
Resource Scope Levels
Resource Name
Resource Preview
Modify Resource
Project Panel
Files
Solution Name
Project Name
Project References
Startup File
.NET Code Behind File
Changes Unsaved
Data
Add XML Datasource
Add CLR Datasource
Remove Selected Datasource
Datasource Scope
Datasource Schema
Datasource Object
Properties Panel
Object Name
Object Type
Case Insensitive Search
Property View Mode
Event View Mode
Search Clear
Property Categories
Brushes
Properties
No Brush
Color Mixer
Gradient Stop
Gradient Types
Gradient Options
Last Mixed Color
Color Eyedropper
Make Brush Resource
Gradient Eyedropper
Make Color Resource
Alpha Value
View Color Resources
View Brush Resources
Tile Brush
Gradient Brush
Solid Color Brush
Color Slide
Appearance
Object Opacity
Object Visibility
Window Style
Advanced Properties Hide/Show
Layout
Set to “Auto” Sizing
Stretch Alignment
Margin Settings
Content Alignment
Common Properties
Application Icon
Window Title
Text
Font Name
Paragraph Settings
Line Indent Settings
List Settings
Font Size
Embed Font Option
Subset Selection
Advanced Font Settings
Font to Embed
Font Element to Embed
Miscellaneous
Click Mode Value
Advanced Property Options
Advanced Properties
Reset
Apply Local Resource
View System Resources
Convert to New Resource
Data Bind Element
Results
Output
Errors
Asset Library Panel
Search Library
Control Collections and Style Libraries
Local Styles
Controls
Referenced Controls
Media Resources
Views
Summary
4. XAML for Beginners
XAML Syntax
XAML Elements
Nested Elements
Child Elements
Object Properties and Events
Markup Extensions
Summary
II. Going with the Flow
5. UIElement: Control Embedding
Managing Embedding
Positioning Properties
Adding Child Controls
Tree Control Sample in C# and XAML
Limitations with ContentControls
Summary
6. Panel-Based Containers
Where Are the Anchors?
Grid Element
Canvas Element
Stack Panel
Wrap Panel
Dock Panel
ScrollViewer Control
Border Element
Uniform Grid
ViewBox Control
Summary
III. Using All the New Stuff
7. Using the Blend Toolbox: Tools and Common Controls
Toolbox Categories
Usability Tools (Environment)
Path Tools
Shape Tools
Panel-Based UIElements
Text-Based UIElements
Common Controls UIElements
Recent Control Elements
Tools in Detail
Pan Tool
Zoom Tool
Line Tool
Direct Selection
Pen Tool
Pencil Tool
Ellipse Tool
Eyedropper Tool
Paint Bucket
Brush Transform Tool
Camera Orbit
Summary
8. An Example Control Using Just the Tools Palette
Building a Gel Button from Scratch
Working the Layers
Using the Make Button Tool
Introduction to the Timeline and Timeline Events (Triggers)
Adding Animated Glow
A Look at RoutedEvents
Creating a Control Template
Testing the Template and RoutedEvents
Summary
9. Using the Blend Asset Library
Asset Library Overview
Controls Tab
Local Styles Tab
Media Tab
Custom Controls Tab
Recent Tab
Familiar Windows Controls
Button Element
CheckBox Element
ComboBox Element
ItemsCollection Controls
Using Images
BitmapImage Type
Label Elements
Listbox Element
ListBoxItem
ListView Control
ListViewItem
PasswordBox Control
ProgressBar Control
RadioButton Elements
RichTextBox Control
Slider Element
A Look at the New WPF Controls in Blend
ContentControl
ContentPresenter
HeaderedContentControl
TabControl
HeaderedItemsControl Element
TreeView
TreeViewItem
Expander Control
GridSplitter Control
Popup Control
ScrollViewer Control
Summary
10. Visual Studio: C# Primer
Data Types
Primitive Data Types
How to Find Types in Blend
Classes
Concept
Creating a Simple Class
Scope
Properties
CLR Properties
Dependency Properties
Conditional Coding
if-else
Enums
Simple Enums
Switch Statement
Methods
How to Call a Method
How Many Methods Can You Have?
Events
Concept
CLR Events
RoutedEvents
The Proof
Collections
List<T>
List.Add(T);
Dictionary<T,T>
Foreach
Summary
IV. Extended Graphic Tools
11. Graphic Items
Sample Application
Different Strokes
Brushes Category
Transformations
Translate
Rotate
Scale
Skew
Center Point
Flip
Motion Paths
Bitmap Effects
BitmapEffectGroup
BitmapEffectInput
AreaToApplyEffect
AreaToApplyEffectUnits
Input
Workflow: Import a Vector Object from Expression Design
Giving the XAML to Blend
Summary
V. Templates and Data
12. Templates
Control Templates
What Is a Control Template?
Creating a New Template
Editing the Control Parts (Template)
Applying to Other UIElements
Style Templates
What Is a Style Template?
Edit an Existing Style
Creating a New Style
FocusVisualStyle
Applying the Style Across the Project
Data Templates
Setting the Data Source
Creating a Data Template
Summary
13. Data Binding
Data Sources
Binding to an Element
Two-Way Binding
A Change of Color
Using Data Context
CLR Data Binding
The Scenario
Summary
VI. Controlling Controls
14. Animations with Storyboards
Storyboards and Timelines
KeyFrames
Repeat Animation
KeyFrame Easing
Triggers
Event Triggers
Timeline States
Property Triggers
Handoff Animation
Duplicate and Reverse a Timeline
Controlling the Timeline in Code
C# Example
Summary
15. Commands
Concept of Commands
Defining a New Command
Invoking a Command
Simple XAMLNotepad Application
Building the Menu Items
Save and Open a XAML Package
Summary
16. Using Resources for Skins
The Power of WPF Resources
Changing a Style at Runtime in Code
Using MergedDictionaries
Application.Current.Resources
Skin Logic
Loading an External Skin File
Summary
17. Working with Windows
Window Elements
Setting a Window to Show as Transparent
Creating Multiple Windows
Switching Between Windows in Code
Summary
VII. Advanced Topics
18. Creating a Custom Control
Things to Consider
Level 1—FrameworkElement
Level 2—Control
Level 3—Inherited Control
Level 4—UserControl
Where to Start
Building the Control
Testing the Control
Summary
19. Using 3D in Blend
Viewport3D
The Selection Tool
Red Arc & Pointer
Green Arc & Pointer
Blue Arc & Pointer
The Camera Orbit Tool
Importing 3D Objects
Materials
The Camera
The Lights
Ambient Light
Point Light
Directional Light
Spot Light
Summary
20. Controlling Media (Music or Video)
Creating the Project
XAML Requirement
Player Controls
Code Requirement
Summary
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Prev
Previous Chapter
10. Visual Studio: C# Primer
Next
Next Chapter
11. Graphic Items
Part IV. Extended Graphic Tools
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset