MACROMEDIA COLDFUSION MX 7.0.2-USING COLDFUSION MX WITH FLEX 2 Guía de usuario Pagina 122
- Pagina / 256
- Tabla de contenidos
- MARCADORES
Valorado. / 5. Basado en revisión del cliente
122 Create a Constraint-based Layout
Learn about constraint-based layouts
in Flex
When a user resizes a Flex application window, you want the components in your layout to
adjust automatically. A constraint-based layout adjusts the size and position of components
when the user resizes the application window.
To create a constraint-based layout, you must use a container with a
layout property set to
absolute (
layout="absolute"). This property gives you the flexibility of positioning and
sizing components with absolute positioning while also providing you with the ability to set
constraints that stretch and move the components when the container is resized.
For example, if you want a TextInput text box to stretch when the user makes the application
window wider, you can anchor the control to the left and right edges of the container so that
the width of the text box is set by the width of the window.
In Flex, all constraints are set relative to the edges of the container. They cannot be set relative
to other controls.
Now that you understand the basic concepts, you can create a simple layout and define layout
constraints for it in Flex Builder.
Insert and position the components
The first step in creating a constraint-based layout is to position the components in a
container with a
layout property set to absolute. This property allows you to drag and
position components anywhere in the container. For pixel-point accuracy, you can set x and y
coordinates.
In this section, you insert and position the controls of a simple feedback form.
1. With your Lessons project selected in the Navigator view, select File > New > MXML
Application and create an application file called Layout.mxml.
By default, Flex Builder includes the
layout="absolute" property in the Application
tag.
NOTE
The Canvas container does not require the layout="absolute" property because its
layout is absolute by default.
NOTE
For the purpose of these short tutorials, 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.043 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Comentarios a estos manuales