adobe脚本插件开发--界面处理--布局原理--对齐方式--动态创建内容(三)

  此文接着上文翻译，如需了解的同学，请先阅读第一篇文章，第二篇文章。

1.动态创建内容

  许多对话框需要根据用户在对话框中选择的选项来显示不同的信息集。您可以使用堆栈方向来在对话框的同一区域中显示不同的视图。   容器的堆栈方向将子元素放置在一个空间的中心，这个空间足够宽来容纳最宽的子元素，也足够高来容纳最高的子元素。如果您在这样的堆栈中安排组或面板，您可以以不同的组合显示和隐藏它们，以在相同的空间中显示不同的控件集，这取决于对话框中的其他选择。   例如，这个对话框根据用户在下拉列表中的选择而动态变化。   下面的脚本创建这个对话框。它将前面示例中的“个人信息”和“工作信息”面板压缩为一个面板，其中有两个组排列在一个堆栈中。下拉列表允许用户选择要查看的信息集。当用户在列表中做出选择时，它的onChange函数显示一个组，并隐藏另一个组。

res =
    "dialog { \
    whichInfo: DropDownList { alignment:’left’ }, \
    allGroups: Panel { orientation:’stack’, \
    info: Group { orientation: ’column’, \
    name: Group { orientation: ’row’, \
    s: StaticText { text:’Name:’ }, \
    e: EditText { characters: 30 } \
    } \
    }, \
    workInfo: Group { orientation: ’column’, \
    name: Group { orientation: ’row’, \
    s: StaticText { text:’Company name:’ }, \
    e: EditText { characters: 30 } \
    } \
    }, \
    }, \
    buttons: Group { orientation: ’row’, alignment: ’right’, \
    okBtn: Button { text:’OK’, properties:{name:’ok’} }, \
    cancelBtn: Button { text:’Cancel’, properties:{name:’cancel’} } \
    } \
    }";
win = new Window(res);
win.whichInfo.onChange = function ()
{
    if (this.selection != null)
    {
        for (var g = 0; g