在下面的练习中,你将建立你的应用程序的基本用户接口,在本练习的最后,你的用户接口将看起来如下:
在 Application.e4xmi 文件上双击或右击,然后选择Open With
→ Eclipse 4 模型编辑器
来打开 Application.e4xmi 文件。
添加一个带有一个透视图的透视图栈到你的应用程序,后面你可以轻易的添加更多。
在 Application.e4xmi 文件中导航到你的窗口,选择Controls
节点,通过Controls
项的上下文菜单添加透视图栈,如下图:
提示:作为上下文菜单的替代方法是用
detail
页的添加...
按钮来为选择的元素添加子元素。
在建立透视图栈之后,添加一个透视图到里面,要么通过上下文菜单,要么通过添加...
按钮。
在 Label 字段输入To-do
,在 ID 字段输入com.example.e4.rcp.todo.perspective
。
选择在新建的透视图下面的Controls
,然后添加一个Part Sash
容器元素。
修改它的方向属性为水平,然后在 ID 字段输入com.example.e4.rcp.todo.partsashcontainer.main
。
添加一个Part Stack
作为 Part Sash 的第一个子元素。
重新选择父 Part Sash 容器,然后添加另一个 Part Sash 容器元素,现在添加了 2 个 Part Stack 到二级 Part Sash 容器。
经过这些修改之后,你的应用程序模型看起来应该类似下面的截图:
为每个 Part Stack 添加一个 Part 模型元素,Part 的 ID 前缀使用com.example.e4.rcp.todo.part
,后缀使用下表,也要讲下表中的 Label 填充到 Part 编辑器中的相应字段。
ID 后缀 | Label |
---|---|
.todooverview | Overview |
.tododetails | Details |
.playground | Playground |
最后你的应用程序模型的结构应该类似下面的截图,这个截图也显示了 Overview Part 的详细数据。
启动你的产品,然后验证用户接口是不是预期效果,如果需要的话重新排列模型元素。模型编辑器支持拖放来重新排列。
也要注意你已经看到了结构,但到目前为止还没有建立任何的 Java 类。