Adobe 12040118 Using Help - Page 198

Creating a window, Container elements, Element size and location

Page 198 highlights

Adobe After Effects Help Using Help Creating User Interface Elements Back 198 Creating a window To create a new window, use the Window constructor function. The constructor takes the desired type of the window (dialog) as a parameter. You can supply optional arguments to specify an initial window title and bounds. The code examples provided in the JavaScript Interface section consist of short segments from a complete script that is included later in this document. The examples presented build upon each other. The following example creates an empty dialog with the variable name dlg. This dialog is carried though to subsequent examples: // Create an empty dialog window near upper left of the screen var var dlg = new Window('dialog', 'Alert Box Builder', [100,100,480,245]); dlg.show(); .Newly created windows are initially invisible; the show() method makes them visible. Roughly speaking, the numeric parameters to the constructor correspond to the top left and bottom right coordinates of the window. The bounds supplied when creating the dialog specify the requested size of the client area, which is the area of the dialog on which you can create controls. It does not include the title bar and borders around the client area. The size and position of the dialog as a whole are automatically adjusted to maintain the requested client area size. For a more detailed description of window bounds, see "Element size and location" on page 198. Container elements All windows are containers, which is to say that they contain other elements such as panels, buttons, and checkboxes within their boundaries. Within a window, you can create other types of container elements and add interface components to them, just as you add elements to a window. Elements added to a container are considered children of that container, and certain operations performed on a container element also apply to its children. For instance, calling the container's hide() method makes the container invisible and makes all of its visible children invisible as well. Along the same lines, calling the container's show() method makes the container visible as well as any child elements that were visible before the container was hidden. The following properties and methods of containers also apply to all children of that container: visible, enabled, hide(), show(). Element size and location To set the size and location of windows and controls, use the bounds property. As is typical when working with window systems, the location of a window is defined as the point (pair of coordinates) where the top left corner of the window is specified in the screen coordinate system. Using Help Back 198

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102
  • 103
  • 104
  • 105
  • 106
  • 107
  • 108
  • 109
  • 110
  • 111
  • 112
  • 113
  • 114
  • 115
  • 116
  • 117
  • 118
  • 119
  • 120
  • 121
  • 122
  • 123
  • 124
  • 125
  • 126
  • 127
  • 128
  • 129
  • 130
  • 131
  • 132
  • 133
  • 134
  • 135
  • 136
  • 137
  • 138
  • 139
  • 140
  • 141
  • 142
  • 143
  • 144
  • 145
  • 146
  • 147
  • 148
  • 149
  • 150
  • 151
  • 152
  • 153
  • 154
  • 155
  • 156
  • 157
  • 158
  • 159
  • 160
  • 161
  • 162
  • 163
  • 164
  • 165
  • 166
  • 167
  • 168
  • 169
  • 170
  • 171
  • 172
  • 173
  • 174
  • 175
  • 176
  • 177
  • 178
  • 179
  • 180
  • 181
  • 182
  • 183
  • 184
  • 185
  • 186
  • 187
  • 188
  • 189
  • 190
  • 191
  • 192
  • 193
  • 194
  • 195
  • 196
  • 197
  • 198
  • 199
  • 200
  • 201
  • 202
  • 203
  • 204
  • 205
  • 206
  • 207
  • 208
  • 209
  • 210
  • 211
  • 212
  • 213
  • 214
  • 215
  • 216
  • 217
  • 218
  • 219
  • 220
  • 221
  • 222
  • 223
  • 224
  • 225
  • 226
  • 227
  • 228
  • 229
  • 230
  • 231
  • 232
  • 233
  • 234
  • 235
  • 236
  • 237
  • 238
  • 239
  • 240
  • 241
  • 242
  • 243
  • 244
  • 245
  • 246
  • 247
  • 248
  • 249
  • 250
  • 251
  • 252
  • 253

U
sing H
elp
B
ack
198
Adobe After Effects Help
Creating User Interface Elements
U
sing H
elp
B
ack
198
Creating a window
To create a new window, use the
Window
constructor function. The constructor takes the desired type of the
window (
dialog
) as a parameter. You can supply optional arguments to specify an initial window title and
bounds.
The code examples provided in the JavaScript Interface section consist of short segments from a complete
script that is included later in this document. The examples presented build upon each other.
The following example creates an empty dialog with the variable name
dlg
.
This dialog is carried though to
subsequent examples:
// Create an empty dialog window near upper left of the screen var
var dlg = new Window('dialog', 'Alert Box Builder', [100,100,480,245]);
dlg.show();
.Newly created windows are initially invisible; the show() method makes them visible.
Roughly speaking, the numeric parameters to the constructor correspond to the top left and bottom right
coordinates of the window. The
bounds
supplied when creating the dialog specify the requested size of the
client area, which is the area of the dialog on which you can create controls. It does not include the title bar
and borders around the client area. The size and position of the dialog as a whole are automatically adjusted
to maintain the requested client area size.
For a more detailed description of window
bounds
, see “Element size and location” on page 198.
Container elements
All windows are
containers
, which is to say that they contain other elements such as panels, buttons, and check-
boxes within their boundaries.
Within a window, you can create other types of container elements and add interface components to them,
just as you add elements to a window. Elements added to a container are considered children of that container,
and certain operations performed on a container element also apply to its children. For instance, calling the
container’s
hide()
method makes the container invisible and makes all of its visible children invisible as well.
Along the same lines, calling the container’s
show()
method makes the container visible as well as any child
elements that were visible before the container was hidden. The following properties and methods of
containers also apply to all children of that container:
visible, enabled, hide(), show().
Element size and location
To set the size and location of windows and controls, use the
bounds
property. As is typical when working with
window systems, the location of a window is defined as the point (pair of coordinates) where the top left
corner of the window is specified in the screen coordinate system.