📄 eclipse 用户界面指南.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0067)http://www.eclipse.org/articles/Article-UI-Guidelines/Contents.html --><HTML><HEAD><TITLE>Eclipse User Interface Guidelines</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<META content="Nick Edgar, Kevin Haaland, Jin Li and Kimberley Peter"
name=Author>
<META
content="Eclipse UI Guidelines, User Interface, Guidelines, HCI, User Experience, Usability, Human Factors"
name=keywords><LINK
href="Eclipse User Interface Guidelines.files/default_style.css" rel=stylesheet>
<STYLE type=text/css>.tocstyle {
FONT-SIZE: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.style1 {
COLOR: #09448d
}
</STYLE>
<META content="MSHTML 6.00.6000.16640" name=GENERATOR></HEAD>
<BODY>
<DIV align=right>Copyright?2001-2004 International Business Machines Corp.
<TABLE cellSpacing=0 cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top align=left bgColor=#0080c0 colSpan=2><B><FONT
face=Arial,Helvetica><FONT
color=#ffffff> Guidelines</FONT></FONT></B></TD></TR></TBODY></TABLE></DIV>
<H1><IMG height=86
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/Idea.gif"
width=120 align=center></H1>
<CENTER>
<H1>Eclipse 用户界面指南<BR>2.1 版</H1>
<P><A href="http://www.eclipse.org/articles/Article-UI-Guidelines/Index.html"
target=_top>查看目录</A></P></CENTER><BR>
<CENTER>
<P><BR><B><FONT color=#000000>作者：Nick Edgar, Kevin Haaland, Jin Li ,
Kimberley Peter</FONT></B>
<P><STRONG>译者：Bobbie Wang，Qi Liang</STRONG>
<P><B><FONT color=#000000><BR>最新更新: 2004年2月 </FONT></B></CENTER>
<H3><FONT color=#000000>注意</FONT></H3><FONT
color=#000000>您可以给我们提供反馈信息来影响这个指南文件。如果您有任何建议，<A
href="mailto:platform-ui-dev@eclipse.org?subject=UI Guidelines v2.1 Feedback">请点这里提供您的想法和意见。<BR></A></FONT><BR><BR>
<H2><A name=Introduction></A>简介</H2>本文是一篇介绍Eclipse
用户界面设计指南的文章。
<P>Eclipse是一个通用的工具平台——一个可以用来做任何事情的开放，可扩展的IDE。它的真正价值来自工具插件，它能够“教”Eclipse怎样和其他东西?shy;同工作?shy;Java文件，Web内容，图片，视频?shy;几乎是你能够想到的任何东西。Eclipse使你能够独立开发出软件工具，能够和其他工具无缝集成，并且你不用知道一个工具在哪里结束而另一个在哪里开始。我们所熟知的工具的最初概念这里则完全消失了。
<P>这个平台非常灵活而且可扩展性强,，但这个灵活性也有一个严重的缺点。特别是程序无法保证平台内的已注册组件的用户界面一致性。本文试图为组件创建定义标准用户界面指南，从而解决这个问题。如果你在自己的工具中采用了这些指南，就可以很好地保证和平台及其他工具的一致性，并且对于你的用户来说更容易理解。
<P>这些指南主要供Eclipse用户界面的设计者和实现者使用。<BR>
<H3><A name="The Workbench"></A>Workbench</H3>首先，让我们来看一下Eclipse
workbench用户界面，和它里面的各种组件。
<P>Workbench是多个窗口的集合。每个窗口包含菜单栏，工具栏，快捷方式栏，以及一个或者多个透视图。
<P><IMG height=713 hspace=40
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/workbench_decomposed.gif"
width=794>
<P>透视图是一个包含一系列视图和内容编?shy;器的可视容器。视图完全存在于某个透视图中而且不能被共享，而任何打开的内容编?shy;器可以在透视图间共享。如果两个或者多个prespective打开了同样的视图，他们共享这个视图的同一个实例，虽然在不同透视图之间视图的布局可能不同。对于不同的Workbenck窗口中的透视图，编?shy;器和视图都不能共享。一个透视图就好像是一本书里面的一页。它存在在一个窗口中，并且和其他透视图一起存在，和书中的一页一样，每次你只能看到一个透视图。
<P>Workbench的主菜单栏通常包括File，Edit，Navigate，Project，Window，Help这些顶层菜单。其他的顶层菜单位于Edit和Project菜单之间，往往是和上下文相关，这个上下文包括当前活动的透视图，最前面的编?shy;器（不管是否活动）以及活动视图。
<P>在File菜单中，你可以找到一个New子菜单，它包括Project，Folder，File的创建菜单项。File
菜单也包含Import and
Export菜单项，用来导入文件到Wrokbench中，以及导出它们。在Edit菜单中，你可以找到象Cut，Copy，Paste，和Delete这些命令。这些命令称为全局命令，作用于活动部件。也就是说，如果当Navigator活动时使用Delete命令,
实际操作是由Navigator完成的。在Project菜单中，你可以找到和项目相关的命令，比如Open
Project，Close Project和Rebuild
Porject等。在Run菜单中，你可以看到和运行，调试应用代码相关的命令，以及启动象Ant脚本这样的外部工具。在Window菜单中，你可以找到Open
Perspective子菜单，根据你开发任务的需要打开不同的透视图。你也能看到透视图
布局管理菜单栏。Show
View子菜单用来在当前的Workbench窗口中增加视图。另外，你可以通过首选项菜单项来修改Workbench
的功能首选项配置。
<P>作为plug-in开发者，你可以为平台提供新的视图，编?shy;器，向导，菜单和工具项。
这些东西都是用XML来定义的，一旦注册后，就可以和平台中已?shy;存在的组件无缝地集成在一起。
<H3><A
name="Projects, Folder and Files"></A>Projects，Folders和Files</H3>Eclipse可以用来创建不同类型的内容——Java文件，Web内容，图片，视频——几乎你可以想到的任何内容。这些对象作为普通文件保存在Eclipse
Workspace中。Worspace包含多个项目。每个Project包含了很多目录和文件。这些对象通常被叫做<I>资源</I>。<BR>
<P>
<H2><A name="Getting Started"></A>怎样开始</H2>
<P>对大多数开发者来说，平台的介绍内容实在是太多了。你可能会问：我该从哪里开始呢？这里有一些基本规则可以帮助你。
<P>本文适合UI设计者和开发者。我们讨论的任何应用都会有两个主要的层次：模型层和用户界面层。Eclipse的模型层，也叫做Workspace，包含了很多资源（项目，目录和文件）。
用户界面，也叫做 Workbench，定义了这些资源的表现方式。
<P>作为UI开发者，你同时会有一个模型和一个表现方式。我们假设你希望让模型通过表现层可见，大多数开发者会首先在Workbench中添加一个新的视图或者编?shy;器。
<P><FONT color=#000000>在Eclipse中，编?shy;器用来显示基本内容，
例如需要用户交互的文件或者数据对象。在任何情况下，这个内容是基本关注点，而且还是基本任务的体现。为了解释这个概念，让我们看一些常见的例子。</FONT>
<P><FONT
color=#000000>对于Java编程来说，基本任务就是创建，编?shy;和调试Java代码。基本关注点是Java代码，因此编?shy;器用来和那些代码交互。
Navigator视图，Outline视图，和Properties视图用来支持这个基本任务，当你写Java代码时，它们很少能引起你的注意。</FONT>
<P><FONT
color=#000000>对于阅读email来说，基本任务是创建，发送，阅读和回复邮件。基本关注点是某个特定的邮件，因此编?shy;器用来显示或者回复一份邮件。
视图可以用来选择邮件阅读并且打开一个编?shy;器。 </FONT>
<P><FONT
color=#000000>对于使用即时消息通信，基本任务是交谈。基本关注点是一次特定的交谈，因此编?shy;器用来进行交谈。视图可以用来列出所有你可以开始交谈的人。</FONT>
<P><FONT
color=#000000>对于浏览网页，基本任务是阅读。基本关注点是某个网页，因此编?shy;器用来浏览网页。</FONT>
<P><FONT
color=#000000>在任何情况下，基本任务决定了基本关注点。作为基本关注点，它应该处于在UI的主要位置（作为编?shy;器），并且能够给Workbench的主菜单栏和工具栏提供命令。</FONT>
<P><FONT
color=#000000>一个视图可以用来保存你最喜爱的链结，并且可以重新打开他们。在任何时候，你可以编?shy;你正在看的页面。这将打开一个新的编?shy;器。
视图用来支持基本任务。你可以用它们来浏览信息的层次，打开编?shy;器，或者查看活动部件的属性。每个视图可以有它自己的工具栏和菜单栏。</FONT>
<P>一旦你添加了一个新的视图或者编?shy;器，一个有趣的问题出现了。这个模型是从哪里来的？在Eclipse中，大部分数据是用创建向导生成的。你可能也想添加一个创建向导。一旦一个对象存在，你可能需要用属性页面，或者属性对话框编?shy;对象的属性。
<P>所有的这些内容都将在本文的后续部分详细讨论。
<H2><A
name="General UI Guidelines"></A>通用UI指南</H2><BR>本文定义了用于Eclipse平台的UI设计指南。它是对其他标准UI指南的一个补充，这些UI指南包括Microsoft
User Experience，Macintosh Human Interface Guidelines，以及Java Look and Feel
Guidelines等。对于基本的UI设计和实现的建议，你可以去查阅这些文件。
<P>希望你已?shy;对Eclipse
UI结构和API已?shy;有了基本的了解，并且了解UI设计的基本规则：用户可控，直接，一致，容错，反馈，美观和简洁。
如果你目前还没有这些基本的知识，请先去阅读相关的文档。
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16> <FONT color=#09448d><B>指南1.1</B></FONT>
<BLOCKQUOTE><FONT
color=#09448d>遵?shy;并应用好的界面设计?shy;则：用户可控，直接，
一致，容错，反馈，美观和简洁。</FONT></BLOCKQUOTE>
<P></P>
<HR>
<H3><A
name="The Spirit of Eclipse"></A>Eclipse的精髓</H3>Eclipse的本质是一个工具插件平台。这些插件可以由一个团队或者多个团队一起开发，或者用户从不同的地方集成一系列的插件。无论哪种情况，某个工具的可用性，以及
Eclipse的整体性，都会受到用户界面一致性的影响。
<P>如果你还不知道一个工具应该有怎样的外观和感觉，先看一下平台，然后再看一下Jave
开发工具和
Eclipse的插件开发环境（PDE）。在很多情况下，你所想像的工作流可能已?shy;存在在Eclipse中了。如果是这样，直接采用平台的工作流和用户接口惯例。这样可以更好地保证和平台以及其他插件的一致性，并且你的用户也更容易学习使用。
<P>在有些情况下，可能要忽略Eclipse的工作流而实现“定制”的用户界面。这个界面在整个集成环境中会很突兀，因为其他工具都采用了平台的惯例。这样做会丢失过去?shy;验的很多好处，并且要强迫你的用户来学习新的概念。
<P>请查询<A
href="http://www.eclipse.org/articles/Article-UI-Guidelines/index_cn.html#BestPractices">最佳实现</A>章节获得更多的例子和信息。</P>
<P>也请访问<A href="http://www.eclipse.org/newsgroups/index.html"
target=_blank>Eclipse platform 新闻组</A> 和社区共享信息。</P>
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16><B><FONT color=#09448d> 指南 1.2</FONT></B>
<BLOCKQUOTE><FONT color=#006699>遵?shy;平台的用户界面惯例。
</FONT></BLOCKQUOTE>
<HR>
<P>如果你决定使用Eclipse的一些设计惯例，注意不要盗用Eclipse特有的UI惯例。例如，Workbench窗口的活动部分用带阴影的标题表示。编?shy;器中带阴影标题的使用（见下图）可以是显示那个部分中焦点位置的一种方式，这样就会和窗口的活动部分引起混淆。</P>
<P><IMG height=423 hspace=40
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/badHilight.gif"
width=702>
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16><B><FONT color=#09448d> 指南 1.3</FONT></B>
<BLOCKQUOTE><FONT color=#09448d>注意不要混用UI 隐喻。
这样会引起?shy;始概念和你的应用相混淆。</FONT></BLOCKQUOTE>
<HR>
<BR>Eclipse是一个开源项目。如果你觉得你的某些想法有用，加入Eclipse社区，写一个提议，和Eclipse社区一起工作，努力把Eclipse变成更好的产品开发平台，增加客户满意度。
<P>访问<A href="http://www.eclipse.org/"
target=_blank>http://www.eclipse.org/</A> 加入Eclipse
UI邮件列表<B>platform-ui-dev</B>。
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16><B><FONT color=#09448d> 指南 1.4</FONT></B>
<BLOCKQUOTE><FONT
color=#09448d>如果你有好的想法，和Eclipse社区一起工作，把Eclipse变成更好的平台。</FONT></BLOCKQUOTE>
<HR>
<P></P>
<H3><A
name=Capitalization></A>字母大写的使用</H3>在一个插件中，采用大写一致的文本会让人感觉良好，认为代码质量也较高。在一个对话框或者窗口中，所有的标题，菜单，工具条，标签（Tab）和按钮都应该采用标题形式的大写。例如，“Run
to Line”可以用做菜单项的文本。
<P>对于所有的check box，radio
button，以及group的文本，必须采用句子形式的大写。例如，“Choose an option for
the Java file” 可以用作一个group的文本。</P>
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16><B> <FONT color=#09448d>指南1.5</FONT></B>
<BLOCKQUOTE><FONT
color=#09448d>在菜单，工具提示（ToolTip）以及所有的窗口，对话框，标签（Tab），表格的列标题（Column
Heading）和按钮（Push
Button）的标题中，都应该使用标题形式的大写。除了第一个和最后一个单词的首字母大写，所有名词，代名词，形容词，动词和副词也要首字母大写。不要包含结束标点。
</FONT></BLOCKQUOTE><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16><B><FONT color=#09448d> 指南1.6</FONT></B>
<BLOCKQUOTE><FONT color=#09448d>对于对话框或窗口中的控件标签，包括check
box，radio button，group label，和simple text
fields，均采用句子形式的大写。把第一个单词的首字母大写，以及其他象Java这样的词也要首字目大写。</FONT></BLOCKQUOTE>
<HR>
<P></P>
<H3><A
name=Language></A>语言</H3>clipse可以在不同的平台，不同的地区使用。要支持不同的语言和数字格式，本地化策略需要应用到每个plug-in的文本和图像中。这就涉及到把所有的资源从plug-in的源码中分离出来，这样才能把这些资源进行转换以适应新的地区。
<P>参考<A
href="http://www.eclipse.org/articles/Article-UI-Guidelines/index_cn.html#BestPractices">最佳实现</A>
章节查看例子和更多信息。</P>
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
width=16><B><FONT color=#09448d> 指南1.7</FONT></B>
<BLOCKQUOTE><FONT
color=#09448d>在你的plug-in中创建资源的本地化版本。</FONT></BLOCKQUOTE>
<HR>
<H3><A
name="Error Handling"></A>错误处理</H3>如果Eclipse中出现错误，要根据错误的上下文做出合适的响应。
<P>请参考<A
href="http://www.eclipse.org/articles/Article-UI-Guidelines/index_cn.html#Wizards">向导</A>部分查看如何在向导中处理用户输入错误。
<P>请参考<A
href="http://www.eclipse.org/articles/Article-UI-Guidelines/index_cn.html#Editors">编?shy;器</A>部分查看如何在编?shy;器中处理错误的指南。
<P>如果出现一个错误需要用户的明确输入或者立刻注意，就需要使用模态对话框把错误报告给用户。这样能够迫使用户注意并且立刻处理问题。
<P><IMG height=16
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/guidelineIndicator.gif"
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -