在Web Dynpro中，一种添加UI元素的方法是打开视图的布局编辑器，直接从编辑器的左侧将UI元素拖曳至视图上，当鼠标悬停在UI元素上时，会有对应元素的一个简单介绍弹出，如图4-2所示。另一种添加UI元素的方法是通过左下角的元素清单列表（Outline元素大纲）。清单是当前打开视图中所有页面元素一个树状结构的体现，也清晰地展现了各个UI元素直接的包含或者并列关系，如图4-3所示。

右击任一个容器元素，如右击“RootElement”根元素，弹出菜单的第一项就是“Insert Child”，在弹出的对话框中即可创建不同的UI元素，如图4-4所示。

图4-2 元素的简单介绍

图4-3 “Outline”视图(www.daowen.com)

图4-4 不同的元素类型

在图4-4中共有3栏，分别表示分类目录、对应类库和具体UI元素选择。前两个分类的选择只是为了缩小可选UI元素，熟悉各个对象之后直接在最后一栏通过名字或首字母快捷键进行查找即可。中间的“ID”文本框则是用于填写创建UI元素的唯一标识，默认情况下系统对于重复元素会自动进行顺序编号，不会出现重复的标识。最下方的文档说明是对所选择的UI元素的定义和简单的使用说明。在选择对应的UI元素后，单击“OK”按钮即可完成一个UI元素的添加。

在这里一直用“添加”而不是“创建”，是因为对于这种图形化的开发方式，其实真正的创建过程是由开发工具在拖曳元素或单击菜单的过程中自动创建的。