MACROMEDIA COLDFUSION MX 7.0.2-USING COLDFUSION MX WITH FLEX 2 Guía de usuario Pagina 160
- Pagina / 256
- Tabla de contenidos
- MARCADORES
Valorado. / 5. Basado en revisión del cliente
160 Use View States and Transitions
Set up your project
Before you begin this lesson, ensure that you perform the following tasks:
■ If you have not already done so, create the Lessons project in Adobe Flex Builder. See
“Create the Lessons project” on page 101.
■ Ensure that the automatic build option is enabled in Flex Builder. This option is enabled
by default in the standalone configuration of Flex Builder but not in the plug-in
configuration. To enable it, select Project > Build Automatically.
Design the base state
Before you can use view states, you must design the base state of the application or
component. The base state is the default layout of the application or custom component.
In this section, you create a base state by inserting and positioning the controls of a simple
search form.
1. With your Lessons project selected in the Navigator view, select File > New > MXML
Application and create an application file called ViewStates.mxml.
2. Designate the ViewStates.mxml file as the default file to be compiled by right-clicking
(Control-click on Macintosh) the file in the Navigator view and selecting Set As Default
Application from the context menu.
3. In the MXML editor’s Design mode, add a Panel container to the ViewStates.mxml file by
dragging one from the Layout category of the Components view (Window >
Components).
4. Select the Panel container in the layout and set the following Panel properties in the Flex
Properties view:
■ ID: panel1
■ Width: 300
■ Height: 400
■ X: 5
■ Y: 5
NOTE
For the purpose of these lessons, several application files are used in a single Flex
Builder project. However, it’s good practice to have only one MXML application file
per project.
- Getting Started with Flex 2 1
- Contents 3
- 4Contents 4
- Contents 5 5
- 6Contents 6
- Installing Flex Builder 7
- 8 Installing Flex Builder 8
- ■ Windows Eclipse 3.1.1 9
- ■ Macintosh Eclipse 3.2 9
- Installing Flash Player 9 10
- About Flex Documentation 11
- Using this manual 12
- Chapter Description 13
- Typographical conventions 14
- Introducing Flex 15
- About Flash Player 9 18
- About Flex Builder 2 19
- 20 Introducing Flex 20
- About Flex Data Services 2 21
- About Flex Charting 2 22
- Benefits of using Flex 23
- 24 Introducing Flex 24
- Flex deployment models 25
- Client-side only applications 26
- Resource tier 27
- Flex deployment models 29 29
- Feature Description 30
- Where to next 33
- 34 Introducing Flex 34
- Introducing Flex Builder 2 35
- 36 Introducing Flex Builder 2 36
- Navigator view Editor 38
- Problems view 38
- 40 Introducing Flex Builder 2 40
- Components view 41
- 42 Introducing Flex Builder 2 42
- 44 Introducing Flex Builder 2 44
- Console view 45
- Code editor 45
- 46 Introducing Flex Builder 2 46
- Compiling your applications 48
- 50 Introducing Flex Builder 2 50
- Flex Basics 51
- Building a Flex Application 53
- Data model 54
- HTTP/SOAP/AMF 54
- How Flex fits the MVC models 55
- Working with a web server 55
- ■ Web application server 56
- Deploying applications 57
- MXML ActionScript 58
- Flex Class Library 58
- Laying out your application 59
- The Flex programming model 61 61
- The Flex programming model 63 63
- Using data binding 65
- Working with data services 66
- About the Flex coding process 67
- Moving to Flex from HTML 68
- <mx:Image> and 69
- Using Flex development tools 70
- Application 71
- About RPC services 74
- Services 75
- Directory Description 76
- Using Flex Charting 77
- Components 77
- Chart types 79
- Bar charts 80
- Bubble charts 80
- Candlestick charts 80
- Column charts 81
- HighLowOpenClose charts 82
- Line charts 82
- Pie charts 83
- Plot charts 84
- Using MXML 85
- Writing a simple application 86
- About XML encoding 87
- About MXML tag properties 87
- How MXML relates to standards 88
- XML standards 89
- Event model standards 89
- Web services standards 89
- Java standards 89
- HTTP standards 90
- Graphics standards 90
- Using ActionScript 91
- (JavaScript) 92
- ActionScript compilation 93
- 94 Using ActionScript 94
- ActionScript classes 96
- 98 Using ActionScript 98
- Create Your First Application 101
- 5. Click Finish 102
- Create and run an application 104
- Retrieve and Display Data 107
- Set up your project 108
- 110 Retrieve and Display Data 110
- 112 Retrieve and Display Data 112
- 114 Retrieve and Display Data 114
- Populate a DataGrid control 115
- 116 Retrieve and Display Data 116
- Display a selected item 117
- Create a dynamic link 118
- Create a dynamic link 119 119
- 120 Retrieve and Display Data 120
- Create a Constraint-based 121
- Save the file 126
- Define the layout constraints 128
- ■ Left: 90 130
- ■ Right: 60 130
- ■ To p: 90 130
- ■ Bottom: 190 130
- Effect Anchors 133
- Use List-based 135
- Form Controls 135
- Populate the list 138
- Populate the list 139 139
- Use an Event Listener 143
- ■ ID: btnConvert 145
- ■ Label: Convert to Yen 145
- Write an event listener 146
- ActionScript 148
- 150 Use an Event Listener 150
- Use Behaviors 151
- Create a behavior 152
- Create a behavior 153 153
- 154 Use Behaviors 154
- ■ Y: 100 155
- 156 Use Behaviors 156
- Create a composite effect 157
- 158 Use Behaviors 158
- Use View States 159
- Design the base state 160
- Design the base state 161 161
- Flex Application 163
- Design a view state 164
- Design a view state 165 165
- Flex Builder inserted a 166
- Design a view state 167 167
- Create a transition 171
- Create a transition 173 173
- Create a Custom Component 175
- 176 Create a Custom Component 176
- 5. Save the file 177
- 7. Click Finish 178
- ■ Title: Member Login 179
- ■ Width: 275 179
- ■ Height: 150 179
- 180 Create a Custom Component 180
- Use the custom component 182
- Use the custom component 183 183
- 184 Create a Custom Component 184
- Use the custom component 185 185
- 186 Create a Custom Component 186
- Use the Code Editor 187
- Use Content Assist 188
- Use Content Assist 189 189
- Show line numbers 190
- Add a code comment 190
- Use the Outline view 191
- Show language reference Help 192
- Open a code definition 193
- 194 Use the Code Editor 194
- Debug an Application 195
- Create an MXML file 196
- Add a calculation function 198
- Run and test the application 199
- Set a breakpoint 200
- Debug the sample application 201
- Watch a variable 202
- Correct the coding error 203
- 204 Debug an Application 204
- Use Web Services 205
- Review the API documentation 206
- Insert and position controls 207
- 208 Use Web Services 208
- ■ ID: dgTopPosts 209
- ■ Width: 400 209
- Insert a WebService component 210
- 212 Use Web Services 212
- 214 Use Web Services 214
- Create a dynamic link 217 217
- 218 Use Web Services 218
- Use the Data Management 219
- Before you begin 220
- Create the user interface 221
- Create variables 223
- Initialize the application 223
- Send notes 224
- Handle returned data 224
- Java adapter 227
- View the assembler class 237
- View the fill methods 238
- View the sync method 240
- methods: 241
- Use ColdFusion Event 243
- Gateway Adapter 243
- Start Flex and ColdFusion 244
- Create the Flex application 246
- Send a message to ColdFusion 248
- Test the application 251
- Check e-mail messages 252
© 2020, manymanuals.es. Todos los derechos reservados | 0.022 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Comentarios a estos manuales