⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 eclipse 用户界面指南.htm

📁 是Eclipse Interface Guide的中文翻译。比较详细的介绍了界面开发。
💻 HTM
📖 第 1 页 / 共 5 页
字号:
🔍
12345 
    <TD><STRONG>A</STRONG></TD>
    <TD>工具条</TD>
    <TD>22 像素高</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>左边缘和柄（handle）之间</TD>
    <TD>4 像素</TD></TR>
  <TR>
    <TD><STRONG>C</STRONG></TD>
    <TD>柄和第一个图标之间</TD>
    <TD>7 像素</TD></TR>
  <TR>
    <TD><STRONG>C</STRONG></TD>
    <TD>图标和工具条顶部之间</TD>
    <TD>3 像素</TD></TR>
  <TR>
    <TD><STRONG>C</STRONG></TD>
    <TD>图标和工具条底部之间</TD>
    <TD>3 像素</TD></TR>
  <TR>
    <TD><STRONG>C</STRONG></TD>
    <TD>图标和下?shy;（twisty）之间</TD>
    <TD>7 像素</TD></TR>
  <TR>
    <TD><STRONG>D</STRONG></TD>
    <TD>下?shy;和分隔（hard rule）之间 </TD>
    <TD>7 像素 </TD></TR>
  <TR>
    <TD><STRONG>E</STRONG></TD>
    <TD>分隔和图标之间 </TD>
    <TD>6 像素 </TD></TR>
  <TR>
    <TD><STRONG>F</STRONG></TD>
    <TD>图标之间</TD>
    <TD>7 像素</TD></TR>
  <TR>
    <TD><STRONG>G</STRONG></TD>
    <TD>图标和分隔之间</TD>
    <TD>10 像素</TD></TR>
  <TR>
    <TD><STRONG>H</STRONG></TD>
    <TD>分隔和柄之间</TD>
    <TD>2 像素</TD></TR></TBODY></TABLE><BR><BR>
<H4>2. Titlebar图标</H4>
<P class=sub>（包括View图标和Local Toolbar图标）</P><IMG height=162 
alt="titlebar specifications" hspace=40 
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/titlebar_specs.gif" 
border=0> <BR>
<TABLE cellSpacing=2 cellPadding=4 border=0>
  <TBODY>
  <TR>
    <TD width=40 rowSpan=9></TD>
    <TD></TD>
    <TD>
      <DIV align=center><STRONG>项目</STRONG></DIV></TD>
    <TD>
      <DIV align=center><STRONG>定位和间隔</STRONG></DIV></TD></TR>
  <TR>
    <TD><STRONG>A</STRONG></TD>
    <TD>Title Bar</TD>
    <TD>22 像素高</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>左边缘和View图标之间</TD>
    <TD>4 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>View图标和文字标签之间</TD>
    <TD>3 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>Title Bar图标和Title Bar顶部之间</TD>
    <TD>3 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>Title Bar图标和Title Bar底部之间</TD>
    <TD>3 像素</TD></TR>
  <TR>
    <TD><STRONG>C</STRONG></TD>
    <TD>Local Toolbar 图标之间</TD>
    <TD>7 像素</TD></TR>
  <TR vAlign=top>
    <TD><STRONG>D</STRONG></TD>
    <TD width=320>最后一个Local Toolbar图标和关闭窗口'x' 之间</TD>
    <TD>7 像素</TD></TR>
  <TR>
    <TD><STRONG>E</STRONG></TD>
    <TD>关闭窗口 'x' 和右边缘之间</TD>
    <TD>4 像素</TD></TR></TBODY></TABLE><BR><BR>
<H4>3. Perspective图标</H4>
<P class=sub>（包括Perspective和Fastview图标）</P>
<TABLE cellSpacing=0 cellPadding=0 border=0>
  <TBODY>
  <TR vAlign=top><!-- TD 1 begins -->
    <TD height=500><IMG height=500 alt="perspective specifications" hspace=40 
      src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/perspective_specs.gif" 
      border=0> </TD><!-- TD 2 begins -->
    <TD vAlign=top>
      <P>
      <H4>Perspective 图标<!-- TD 2 : Table 1 begins --> </H4>
      <TABLE cellSpacing=2 cellPadding=2 width=500 border=0>
        <TBODY>
        <TR vAlign=top>
          <TD></TD>
          <TD width=300><STRONG>项目</STRONG></TD>
          <TD width=200><STRONG>定位和间隔</STRONG></TD></TR>
        <TR vAlign=top>
          <TD><STRONG>A</STRONG></TD>
          <TD>Perspective bar</TD>
          <TD>27 像素宽</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>B</STRONG></TD>
          <TD>左边缘和图标之间</TD>
          <TD>5 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>B</STRONG></TD>
          <TD>图标和右边缘之间</TD>
          <TD>6 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>B</STRONG></TD>
          <TD>透视图 区域顶部和第一个图标之间</TD>
          <TD>3 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>B</STRONG></TD>
          <TD>图标和分隔（hard rule）之间</TD>
          <TD>6 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>C</STRONG></TD>
          <TD>分隔和图标顶部之间</TD>
          <TD>6 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>D</STRONG></TD>
          <TD>图标间的垂直间隔</TD>
          <TD>6 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>E</STRONG></TD>
          <TD>图标和分隔之间</TD>
          <TD>6 像素</TD></TR></TBODY></TABLE><!-- TD 2 : Table 2 begins -->
      <H4>Fastview图标</H4>
      <TABLE cellSpacing=2 cellPadding=2 width=500 border=0>
        <TBODY>
        <TR vAlign=top>
          <TD></TD>
          <TD width=300><STRONG>项目</STRONG></TD>
          <TD width=200><STRONG>定位和间隔</STRONG></TD></TR>
        <TR vAlign=top>
          <TD><STRONG>D</STRONG></TD>
          <TD>图标间的垂直间隔(和Perspective图标一样)</TD>
          <TD>6 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>E</STRONG></TD>
          <TD>图标和分隔之间</TD>
          <TD>6 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>F</STRONG></TD>
          <TD>左边缘和图标之间</TD>
          <TD>5 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>F</STRONG></TD>
          <TD>Fastview 区域顶部和第一个图标之间</TD>
          <TD>3 像素</TD></TR>
        <TR vAlign=top>
          <TD><STRONG>F</STRONG></TD>
          <TD>图标和右边缘之间</TD>
          <TD>6 像素</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<H4>4. Tree View 图标</H4>
<P class=sub>（Model Object图标）</P><IMG height=190 
alt="treeview specification" hspace=40 
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/treeview_specs.gif" 
border=0> <BR><BR>
<TABLE cellSpacing=2 cellPadding=4 border=0>
  <TBODY>
  <TR>
    <TD width=40 rowSpan=8></TD>
    <TD></TD>
    <TD width=350><STRONG>项目</STRONG></TD>
    <TD width=200><STRONG>定位和间隔</STRONG></TD></TR>
  <TR>
    <TD><STRONG>A</STRONG></TD>
    <TD>“+/-”widget 和窗口左边之间</TD>
    <TD>4 像素</TD></TR>
  <TR>
    <TD><STRONG>A</STRONG></TD>
    <TD>“+/-”widget 窗口顶部之间</TD>
    <TD>4 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>窗口顶部和第一个图标之间</TD>
    <TD>0 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>图标间的垂直间隔</TD>
    <TD>0 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>水平Treeview分支和图标之间</TD>
    <TD>0 像素</TD></TR>
  <TR>
    <TD><STRONG>B</STRONG></TD>
    <TD>图标和文本标签之间</TD>
    <TD>3 像素</TD></TR>
  <TR vAlign=top>
    <TD><STRONG>C</STRONG></TD>
    <TD>文本被嵌在文本标签内</TD>
    <TD width=200>左边和顶部留3像素，右边2像素，底部4 
  像素（长度可变）</TD></TR></TBODY></TABLE><BR><!-- Icon Specifications / Icon Overlays --><BR>
<H3><A name=IconSpecsOvr_VDG>图标掩模</A>（Icon Overlays）</H3>
<P>正如我们在图标尺寸和摆放位置中所说的，所有的掩模必须是同一个尺寸：7×8 
像素。为了把它们从底下的模型对象图标中分开，必须在项目类型掩模和Jave掩模中加上另外的白色边线。边线的位置随着掩模在底下的图标中的放置位置而变化。</P><STRONG>项目类型掩模</STRONG> 

<P>项目类型掩模在Navigator和Package视图中显示。它们完全堆叠于模型对象16×16图标空间的右上角位置。</P>
<P>有一些项目类型掩模在创建时需要考虑避免界面中的拥挤。项目类型掩模用来显示那些出现在Navigator及其类似视图中的项目的不同<STRONG>类型</STRONG>。</P>
<P>图像周围的白色外边线可以让图像更容易看清。 </P>
<P><IMG height=180 
alt="size and location of the project nature overlay in the upper right corner of the model object icon" 
hspace=40 
src="http://www.eclipse.org/articles/Article-UI-Guidelines/images/ovr_projectnature.gif" 
width=180 border=0> &nbsp;&nbsp;&nbsp; <IMG height=180
12345

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -