Benutzerhandbuch für Macromedia flex builder-using flex builder

Inhaltsverzeichnis

• Contents

  3
• Getting Started with Flex Builder

  5
  • Exploring the authoring environment

    5
  • Starting a new application in Flex Builder

    9
    • Defining a Flex Builder site

      9
    • Identifying a Flex application root folder

      11
  • Defining a site for the Flex Sample Apps application

    12
    • Defining the site if the Flex server is local

      12
    • Defining the site if the Flex server is remote

      14
    • Examples of site settings

      15
  • Getting help in Flex Builder

    17
    • Context-sensitive help

      17
    • Flex Builder Help

      17
    • Macromedia website resources

      18
  • What you need to build Flex applications

    18
    • System requirements for Flex Builder

      19
    • About web servers and Flex

      19
    • About J2EE application servers and Flex

      19
    • About the Flex server

      20
  • Typographical conventions of this guide

    20
• Flex Builder Tutorials

  21
  • Tutorial: Setting up a development environment

    21
    • Install the Flex server on your computer

      22
    • Copy the tutorial folders to the Flex samples folder

      24
    • Define a Flex Builder site

      25
  • Tutorial: Creating a layout with Flex Builder

    26
    • Review the approved user interface mock-ups

      27
    • Create an MXML file

      28
    • Import your CSS styles

      29
    • Position the page title

      30
    • Position the catalog component

      31
    • Position the product detail and shopping cart components

      32
    • Add view buttons to the product catalog

      33
  • Tutorial: Building custom components with Flex Builder

    34
    • Build the grid view component

      35
    • Build the thumbnail view component

      38
    • Build the product detail component

      40
      • Lay out the product detail component

        41
      • Add the product details

        43
      • Finish the footer of the product detail component

        45
    • Build the shopping cart component

      47
      • Lay out the shopping cart component

        47
      • Add the product list to the shopping cart

        48
      • Finish the footer of the shopping cart component

        50
    • Insert the view components in the Flex Store layout

      51
    • Insert the detail and cart components in the layout

      53
    • Activate the catalog view buttons

      54
    • Debug the view buttons

      56
  • Tutorial: Binding components to data with Flex Builder

    58
    • Bind the view components

      58
      • Specify the web service to use

        59
      • Bind the web service to a data model

        60
      • Send the web service request

        61
      • Verify that the web service works

        62
      • Bind the GridView component to the data

        63
      • Bind the ThumbnailView component to the data

        65
    • Bind the product detail component

      65
      • Detect the product in the GridView component

        66
      • Detect the product in the ThumbnailView component

        66
      • Retrieve the product selection

        67
      • Display the product detail

        68
    • Bind the shopping cart component

      70
      • Add the shopping cart logic

        70
      • Add products to the shopping cart

        71
      • Display the products in the shopping cart

        71
      • Activate the Delete button

        73
  • Next steps

    74
• Creating, Coding, and Debugging Flex Files

  75
  • Creating MXML or ActionScript files

    75
  • Working with the code in Flex files

    76
    • Viewing and editing code in a file

      76
    • Using code hints

      78
    • Using the Tag inspector

      79
    • Using the Quick Tag Editor

      80
    • Setting coding preferences

      80
      • Setting code-coloring preferences

        80
      • Setting code formatting preferences

        81
      • Setting code hints preferences

        82
  • Testing and debugging Flex files

    83
    • Validating MXML

      84
    • Compiling files to check for errors

      84
    • Compiling and running Flex files

      85
      • Running a file

        86
      • Uploading dependent files

        87
    • Debugging ActionScript

      87
    • Debugging applications by monitoring interactions with the server

      91
      • Turning on the Network Monitor

        91
      • Monitoring interactions with the server

        92
      • Using trace statements with the Network Monitor

        93
      • Saving event data

        94
• Building a Flex User Interface Visually

  95
  • Customizing the Document window

    96
  • Laying out your user interface with MXML containers

    97
  • Adding Flex components to the user interface

    98
  • Repositioning Flex components

    99
  • Resizing Flex components

    100
  • Cutting, copying, and pasting Flex components

    100
  • Editing Flex component properties

    101
  • Applying CSS styles to Flex components

    102
    • About CSS styles in Flex

      103
    • Importing styles from an external CSS file

      104
    • Creating new CSS styles

      105
    • Applying a class style to a component

      106
    • Applying an inline style to a component

      107
    • Modifying a CSS style applied to a component

      107
    • Deleting a CSS style

      108
  • Applying effects to Flex components

    109
    • About Flex effects

      109
    • Adding an effect to a component

      109
    • Triggering effects from other components

      110
    • Customizing a standard Flex effect

      112
    • Modifying a custom effect

      113
  • Assigning event handlers to components

    114
• Working with Components

  117
  • Inserting controls and containers in an MXML file

    117
    • Visually inserting components

      118
    • Manually inserting components

      119
    • Specifying component namespaces in your code

      119
  • Creating MXML component files

    121
    • Creating an MXML component file

      122
    • Creating and immediately using a component

      123
    • Creating a component from an existing component

      124
    • Including the component’s properties in code hints

      124
  • Synchronizing with custom components on the server

    125
• Working with Data

  127
  • Binding a control or container

    127
  • Editing a binding visually

    129
  • Working with Flex data models

    129
    • Inserting a Flex data model into the MXML file

      130
    • Binding a Flex data model to an object

      131
      • Retrieving data from a Flex data model

        131
      • Passing data to a Flex data model

        134
  • Working with Flex data services

    136
    • Inserting a Flex data service in the MXML file

      136
    • Binding a Flex data service to an object

      137
      • Retrieving data from a Flex data service

        137
      • Passing data to a Flex data service

        139
      • Calling the data service

        141
• Basic Flex Concepts

  145
  • About the Flex application model

    145
  • Typical application development steps

    146
  • About Flex files

    146
    • About MXML files

      146
    • About ActionScript files in Flex applications

      147
  • About Flex containers, components, and controls

    148
    • Flex components

      148
    • Flex controls

      149
    • Flex containers

      149
  • About Flex data bindings

    150
    • Data binding in Flex

      150
    • Flex data models

      151
    • Flex data services

      152
• Index

  155