admin 管理员组文章数量: 887021
2024年2月7日发(作者：sqlserver网络配置)
使用Excel 2007进行界面UI设计
1. Form
1.1 Form中Item的表示
在Excel中，由两个左右相连的单元格表示一个Item项。左侧的单元格表示该Item项的名称，右侧的单元格表示该Item项的值。
效果如图所示：
1.2 必输Item项的表示
将Item项的名称设为红色。
效果如图所示：
1.3 不能修改的Item项的表示
将Item项的值所在的单元格设为灰色。
效果如图所示：
1.4. 通过Lov窗口录入值的Item的表示
将Item的值设为lov。
效果如图所示：
1.5 通过下拉框录入值的Item的表示
在Item项的名称后加‘D’表示该Item的值通过下拉框录入。然后将Item值所在的单元格制作为下拉框。下拉框的制作见附录。
效果如图所示：
1.6 Form中按钮的表示
使用‘【】’框起来的文字表示一个按钮，可在按钮上添加超链接表示按钮的被点击后的页面跳转。关于超链接的添加，见附录。
效果如图所示：
1.7 对Item项添加备注
可通过对单元格添加批注完成，关于批注的添加，见附录。
效果如图所示：
1.8 完成后的Form示意图：
2. DataWindow
DataWindow在Excel中通过一块二维表区域表示，其中第一行表示表头（Header），其余行表示该DataWindow的值。Header可通过设置背景色、字体加粗等方式与DataWindow的数据区别。
效果如图所示：
3. Tree
1. 简单Tree的表示
简单的Tree可通过单元格内的多行文字表示。通过每行的缩进表示单元格的层次。通过使用不同的颜色表示被选中的节点。
注1：由于一个单元格过于狭小，可在合并后单元格内制作Tree。
注2：在单元格内同时按下Alt+Enter键，可进行换行。
效果如图所示：
2.复杂Tree的表示
复杂的Tree通过一个单元格表示一个树节点，通过单元格的缩进表示树的层次。在单元格上添加超链接可表示点击树节点后访问的页面。
效果如图所示：
附录A：Excel基本操作
A.1 Sheet的添加
Sheet为同一个Excel文档中的不同工作表，在UI设计中，不同的Sheet可表示不同的UI界面。
sheet的添加有两种方式：
A.1.1 第一种sheet添加方式：
单击文档底部工具栏中的新增按钮，位置如图所示：
A.1.2 第二中sheet添加方式：
右击一个sheet，在打开的右键菜单中选择“插入(I)…”可在右键sheet的前方添加一个Sheet。
A.2 重命名Sheet
双击Excel下方的工具栏中的sheet,即可对该sheet重命名。
A.3 超链接
在Excel中，点击超链接可打开其他Excel文件或打开当前Excel中的不同sheet。在UI设计中，可用来模拟打开界面的效果。
以添加跳转到Sheet的超链接为例，添加超链接的方式如下：
A.3.1 在添加超链接的单元格上右击，选择右键菜单中的“超链接(H)…”菜单
A.3.2 在打开的页面中依次点击左侧的“本文档中的位置(A)”和中间的“界面2”。
A.3.3 点击确定按钮，超链接添加完成。
A.4 制作下拉菜单
参见附件：《02 Excel2007制作简单级联下拉框 - 星海孤舟 - ITeye技术网站》
版权声明：本文标题：01 使用Excel进行界面UI设计说明 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1707235273h512818.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论