MACROMEDIA COLDFUSION MX 7.0.2-USING COLDFUSION MX WITH FLEX 2 Guida Utente Pagina 179
- Pagina / 256
- Indice
- SEGNALIBRI
Valutato. / 5. Basato su recensioni clienti
Design the layout of the custom component 179
If you switch to Design mode, the component also appears in the Custom category of the
Components view:
If you save a custom component file in the current project or in the source path of the current
project, Flex Builder displays the component in the Components view so that you can rapidly
insert it in your applications.
Design the layout of the custom
component
The next step is to design the layout of the custom component. For your LoginBox
component, you want a layout that includes username and password text boxes, and a submit
button.
1. Make sure the LoginBox component is open in Design mode.
2. Select the Panel and set the following properties in the Flex Properties view:
■ Title: Member Login
■ Width: 275
■ Height: 150
3. Insert two Label controls in the panel and align them vertically.
4. Insert two TextInput controls to the right of the Label controls and align them vertically.
5. Select the first Label control and enter Username as the value of its text property.
NOTE
The Components view only lists visible custom components (components that inherit
from UIComponent). For more information, see the Adobe Flex 2 Language Reference.
- 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.it. Tutti i diritti riservati | 0.026 s |
Manymanuals.com
Manymanuals.de
Manymanuals.fr
Manymanuals.it
Manymanuals.pl
Manymanuals.cz
Manymanuals.es
Manymanuals-pt.com
Commenti su questo manuale