You are previewing Microsoft® Expression Blend® 4 Step by Step.
O'Reilly logo
Microsoft® Expression Blend® 4 Step by Step

Book Description

The smart way to learn Microsoft® Expression® Blend 4 -- one step at a time! Build exactly the skills you need by working at your own pace through easy-to-follow lessons and skill-building exercises.

Table of Contents

  1. Microsoft® Expression Blend® 4 Step by Step
  2. Dedication
  3. A Note Regarding Supplemental Files
  4. Acknowledgements
  5. Introduction
    1. How to Access Your Online Edition Hosted by Safari
    2. How to Download the Online Edition to Your Computer
    3. System Requirements
    4. Who Should Read This Book?
    5. Assumptions
    6. What’s New in Expression Blend 4
    7. Acquiring Expression Blend 4
    8. Sample Projects
      1. Installing the Sample Projects
      2. What’s in the Sample Projects?
    9. Organization of This Book
    10. Conventions and Features in This Book
    11. Errata & Book Support
    12. We Want to Hear from You
    13. Stay in Touch
  6. 1. Welcome to the Silverlight and WPF World
    1. Introducing Silverlight and WPF
    2. The Designer/Developer Workflow
    3. Expression Studio: The Designer’s World
    4. Visual Studio: The Developer’s World
    5. Key Points
  7. 2. Exploring the Expression Blend 4 IDE
    1. Downloading and Installing Expression Blend 4 and Supporting Tools
      1. Downloading Expression Blend 4, Trial Version
        1. Downloading Expression Blend 4
      2. Downloading the .NET Framework 4 Runtime
        1. Downloading the .NET Framework 4 runtime
      3. Downloading Silverlight 4
        1. Downloading Silverlight 4
      4. Installing the .NET Framework 4 Runtime
        1. Installing the .NET Framework 4
      5. Installing Expression Studio 4 Ultimate with Expression Blend 4
        1. Installing the trial version of Expression Studio 4 Ultimate with Expression Blend 4
      6. Installing Silverlight 4
        1. Installing Silverlight 4
    2. Opening and Testing Your First Silverlight Project
      1. Running a Silverlight project
    3. Exploring the User Interface
      1. Exploring the Panels
        1. Exploring panels in Expression Blend 4
      2. Understanding the Tools Panel, Authoring Views, and Workspace Configurations
        1. The Tools Panel
          1. Using the Assets tool
        2. Authoring Views
          1. Using Split view
        3. Workspace Configuration
          1. Modifying the workspace configuration
    4. Customizing the User Interface
      1. Changing the Color Scheme, Artboard Background, and Other Options
        1. Changing workspace settings
      2. Controlling Expression Blend’s Panels
        1. Using AutoHide
        2. Arranging panels
      3. Switching Between Workspaces
        1. Saving and switching workspaces
    5. Key Points
  8. 3. Designing an Interface
    1. Visual Elements
    2. Creating a New Project
      1. Starting a new project
    3. Using Basic Shapes
      1. Creating some basic shapes
    4. Drawing Paths
      1. Drawing free-form paths
    5. Using Custom Shapes
      1. Adding a custom shape
    6. Using Controls
      1. Adding controls to a project
    7. Using Layout Panels
    8. Arranging Objects
      1. Using layout elements to arrange objects
    9. Using Images and Video
      1. Using Images
        1. Adding and modifying images in a project
      2. Using Video
        1. Adding video to a project
    10. Key Points
  9. 4. XAML and C#
    1. XAML—What Is It?
      1. Using the XAML Editor in Expression Blend
        1. Customizing the XAML editor
        2. Using the XAML editor
      2. XAML Objects
        1. Adding and grouping objects
      3. XAML Properties
        1. Setting simple properties
        2. Compound Properties
          1. Setting compound properties
        3. Attached Properties
          1. Setting attached properties
      4. The XAML Root Element
      5. Naming Objects
        1. Changing an object’s name
    2. Introducing C# for Designers
      1. Objects, Classes, and Other Terminology
      2. XAML Code and Code-Behind Files
        1. Inspecting the structure of code-behind files in your project
      3. Creating Objects in C#
        1. Adding objects from XAML and C#
      4. Using Event Handlers
        1. Adding an event handler
    3. Key Points
  10. 5. Animations and Transformations
    1. Transformation
      1. Resizing (Not a Transformation)
        1. Resizing objects
      2. Transformations
        1. Scale Transformation
          1. Applying a scale transformation
        2. Rotate Transformation
          1. Applying a rotate transformation
        3. Skew Transformation
          1. Applying a skew transformation
        4. Translate Transformation
          1. Applying a translate transformation
        5. Center Point Transformation
          1. Altering the center point
        6. Flip Transformation
          1. Applying a flip transformation
        7. Simulating Three-Dimensional Space via Projection
          1. Using projection to simulate three-dimensional space
    2. Animation
      1. Creating a Storyboard and Adding an Animation
        1. Adding a storyboarded animation
      2. Controlling the Storyboard
        1. Adding a behavior to start an animation
      3. Changing the Storyboard
        1. Editing an existing storyboard
      4. Modifying an Animation and Adding New Keyframes
        1. Modifying an animation
      5. Easing an Animation
        1. Easing an animation
      6. Using Storyboards
        1. Building an opacity animation
    3. Key Points
  11. 6. Adding Interactivity
    1. Behaviors
    2. The Basics of Behaviors
    3. Using Default Behaviors
      1. Adding life to static scenes
      2. Responding to user actions
      3. Controlling the behavior source
      4. Changing properties in response to user actions
    4. Using the ToggleButton Control to Change Properties
      1. Implementing a ToggleButton to change state
    5. Switching Visual States
      1. Adding day/night states
    6. Key Points
  12. 7. Creating Design Assets
    1. Using Expression Design
    2. Exploring the Expression Design Toolbox
    3. The Properties Panel
      1. Using the Properties panel
    4. The Layers Panel
      1. Using the Layers panel
    5. The Action Bar
    6. Preparing Assets
      1. Creating the game title
      2. Drawing the cloud button
    7. Exporting to XAML from Expression Design
      1. Exporting the cloud button to Expression Blend
    8. Importing Design Assets from Adobe Applications
      1. Importing from an Adobe Photoshop file
      2. Importing from an Adobe Illustrator file
    9. Key Points
  13. 8. Resources
    1. Color Resources
      1. Creating a color resource
      2. Applying a color resource
    2. Brush Resources
      1. Creating a brush resource
      2. Applying a brush resource
      3. Image Brush Resources
      4. Creating an image brush resource
    3. Other Resources
      1. Creating and applying a thickness resource
      2. Creating and applying various resource types
    4. Modifying Resources
      1. Modifying resources
    5. Working with External Resource Dictionaries
      1. Creating a new resource dictionary and placing resources in it
    6. Key Points
  14. 9. Skinning Controls
    1. Structure of Common Silverlight Controls
      1. The Button Control
      2. The CheckBox Control
      3. The Slider Control
      4. The TextBox Control
      5. The ScrollBar Control
      6. The ListBox Control
    2. Creating and Using Styles
      1. Creating a style for the Border layout panel
      2. Applying a custom style to other Border layout panels
      3. Modifying an existing style by using the Resources panel
      4. Modifying an existing style for an object on the Artboard
    3. Templates
      1. Creating Beautiful Custom Buttons
        1. Creating a custom Button template
    4. Creating Silverlight Themes
      1. Drawing Controls
        1. Preparing design assets for Expression Blend
      2. Skinning a Control for a Theme
        1. Creating an implicit style with a custom template for TextBox controls
    5. Optimizing an Output Theme
      1. Template Binding
        1. Creating a template binding for TextBox control properties
    6. Key Points
  15. 10. Working with Data
    1. Sample Data
      1. Creating and Modifying Sample Data
        1. Creating sample data to display a list of vendors
        2. Generating sample data in your application
      2. Changing a Data Template
        1. Changing the data template for the ListBox control
    2. Data Binding
      1. Binding data to specific control properties
    3. Element Property Binding
      1. Binding one element property to another
    4. Using a Master/Details Scenario to Display Data
      1. Adding a details panel to create a master/details scenario
    5. Key Points
  16. 11. Using SketchFlow
    1. Sketching
    2. Creating and Running a SketchFlow Project
      1. Opening and running a SketchFlow project
    3. Creating an Application Flow
      1. Creating a new navigation screen and connecting it to existing screens
      2. Navigation and Component Screens
        1. Creating and using component screens
    4. Adding Controls and Data
      1. Adding Controls to Your Prototype
        1. Adding a Sketch control to the screen
      2. Using Sample Data
        1. Obtaining and displaying sample data
      3. Sketch Illustrations
    5. Adding Interactivity to a SketchFlow Project
      1. Adding Additional Navigation
        1. Adding additional navigation
      2. Using States and Behaviors
        1. Adding screen states
        2. Adding transition effects between states
    6. Changing SketchFlow Player Settings
      1. Changing the SketchFlow Player settings
    7. Packaging a Prototype
      1. Packaging a SketchFlow project
    8. Getting Feedback
      1. Adding feedback capabilities to your prototype application
      2. Saving SketchFlow prototype feedback and importing it into Expression Blend
    9. Generating Documentation
      1. Creating documentation for your prototype project
    10. Key Points
  17. 12. Designer/Developer Collaboration
    1. A Typical Design Workflow
    2. The Designer’s Role
    3. The Developer’s Role
    4. Key Points
  18. A. Author Bios
    1. Elena Kosinska
    2. Chris Leeds
  19. Index
  20. About the Authors
  21. Copyright