Adobe 12040118 Using Help - Page 208

Adobe After Effects Help Using Help Creating User Interface Elements Back 208 createBuilderDialog Most of the heavy-lifting for visual components of the JavaScript UI code sample occurs in the createBuilderDialog() function, where the main components of the dialog are configured, as displayed below. function createBuilderDialog() { //Create an empty dialog window near the upper left of the screen var dlg = new Window('dialog', 'Alert Box Builder', [100,100,480,490]); 1 //Add a panel to hold title and 'message text' strings dlg.msgPnl = dlg.add('panel', [25,15,355,130], 'Messages'); dlg.msgPnl.titleSt = dlg.msgPnl.add('statictext', [15,15,105,35], 'Alert box title:'); dlg.msgPnl.titleEt = dlg.msgPnl.add('edittext', [115,15,315,35], 'Sample Alert'); dlg.msgPnl.msgSt = dlg.msgPnl.add('statictext', [15,65,105,85], 'Alert message:'); dlg.msgPnl.msgEt = dlg.msgPnl.add('edittext', [115,45,315,105], '', {multiline:true}); //Add a checkbox to control the presence of buttons to dismiss the alert box dlg.hasBtnsCb = dlg.add('checkbox', [125,145,255,165], 'Has alert buttons?'); 2 //Add panel to determine alignment of buttons on the alert box dlg.alertBtnsPnl = dlg.add('panel', [45,180,335,225], 'Button alignment'); dlg.alertBtnsPnl.alignLeftRb = dlg.alertBtnsPnl.add('radiobutton', [15,15,95,35], 'Left'); dlg.alertBtnsPnl.alignCenterRb = dlg.alertBtnsPnl.add('radiobutton', [105,15,185,35], 'Center'); dlg.alertBtnsPnl.alignRightRb = dlg.alertBtnsPnl.add('radiobutton', [195,15,275,35], 'Right'); //Add a panel with controls for the dimensions of the alert box dlg.sizePnl = dlg.add('panel', [60,240,320,315], 'Dimensions'); dlg.sizePnl.widthSt = dlg.sizePnl.add('statictext', [15,15,65,35], 'Width:'); dlg.sizePnl.widthScrl = dlg.sizePnl.add('scrollbar', [75,15,195,35], 300, 300, 800); dlg.sizePnl.widthEt = dlg.sizePnl.add('edittext', [205,15,245,35]); 3 dlg.sizePnl.heightSt = dlg.sizePnl.add('statictext', [15,45,65,65], 'Height:'); dlg.sizePnl.heightScrl = dlg.sizePnl.add('scrollbar', [75,45,195,65], 200, 200, 600); dlg.sizePnl.heightEt = dlg.sizePnl.add('edittext', [205,45,245,65]); //Add a panel with buttons to test parameters and create the alert box specification dlg.btnPnl = dlg.add('panel', [15,330,365,375], 'Build it'); d l g . b t n Pn l . te s t B t n = d l g . b t n Pn l . a d d ( ' b u t ton ' , [ 1 5 , 1 5 , 1 1 5 , 3 5 ] , ' Te s t ' ) ; 4 dlg.btnPnl.buildBtn = dlg.btnPnl.add('button', [125,15,225,35], 'Build', {name:'ok'}); dlg.btnPnl.cancelBtn = dlg.btnPnl.add('button', [235,15,335,35], 'Cancel', {name:'cancel'}); return dlg; // createBuilderDialog Using Help Back 208