MACROMEDIA COLDFUSION MX 7.0.2-USING COLDFUSION MX WITH FLEX 2 Guia do Utilizador Página 121
- Página / 256
- Índice
- MARCADORES
Avaliado. / 5. Com base em avaliações de clientes
121
10
CHAPTER 10
Create a Constraint-based
Layout
This lesson shows you how to create a constraint-based layout with Adobe Flex Builder. A
constraint-based layout ensures that the components in your user interface adjust
automatically when a user resizes the application window.
In this tutorial, you’ll complete the following tasks:
Set up your project. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .121
Learn about constraint-based layouts in Flex . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Insert and position the components . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122
Define the layout constraints . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128
Set up your project
Before you begin this lesson, perform the following tasks:
■ If not already done, create the Lessons project in Flex Builder. For more information, 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.
NOTE
You can achieve the same behavior using nested layout containers. For more
information, see Chapter 15, “Using Layout Containers” in Flex 2 Developer’s Guide.
- 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-pt.com. Todos os direitos reservados. | 0.020 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Comentários a estes Manuais