科技行者

行者学院 转型私董会 科技行者专题报道 网红大战科技行者

知识库

知识库 安全导航

至顶网软件频道用Eclipse进行可视化Java界面设计

用Eclipse进行可视化Java界面设计

  • 扫一扫
    分享文章到微信

  • 扫一扫
    关注官方公众号
    至顶头条

      前言      最近,Eclipse开源项目终于推出了期待已久的Visual Editor Project(VEP)。VE项目使得功能强大的eclipse平台在java开发方面又增加了一个可视化java组件开发利器。

作者:中国IT实验室 来源:中国IT实验室 2007年9月30日

关键字:

  • 评论
  • 分享微博
  • 分享邮件

在本页阅读全文(共4页)

  进入Visual Editor
  
  启动eclipse平台。刚开始,你可能觉得eclipse并没有什么变化。先别急,请新建一个项目,点击"文件"菜单下的"新建"子菜单,选择并建立一个新的"java项目"。然后在工具栏上的"新建Java类" 图标上,点击右边的小箭头 ,将展开如下图的菜单:
   
  在此菜单上,多了一个"Visual Calss"的子菜单,这就是进入Visual Editor的入口之一。点击"Visual Class",弹出如下的对话框:
   
  在此对话框中,要求输入类的名称(如标记○1)位置),在这里我们输入"MessagePanel",以及你想要继承的可视类(如标记○2位置)。你可以选择继承来自swing或AWT的任何界面组件,如要继承其它类型的类,请选择"other"并点击"浏览"按钮来选择你要继承的类。在此处,我们选择"panel"和Swing选项,继承JPanel,然后点击"完成"按钮,大家就可以见到Visual Editor的界面了:
   
  由于eclipse工作台高度的可定制性,读者现在看到的界面并非VE初始的布局,而是经过笔者按喜好的方式重新布局过的透视图,但是这并不会影响读者理解本文内容。
  
  如图中1所示,是VE的工具面板,提供"选取"、"框选"等选择工具。还有Swing组件,Swing容器,Swing菜单以及AWT控件设计工具。在面板下方有"Design"和"Source"两个页签,用来切换设计界面和Java源代码视图。
  
  图中2是VE的工具栏,包括工具面板中的一些常用按钮。
  
  图中3是"Java Beans"视图和"属性"视图,两个视图可以切换显示。"Java Beans"视图用树形结构即时显示设计中用到的各种Java Bean组件层次。而"属性"视图显示显示当前所选中的Java bean组件的属性值列表,你可以在此列表中编辑各项Java Bean的属性值。
  图中灰色矩形区域即是我们最开始选择的JPanel,所有的工作就从它开始。
  
  摆设Swing组件
  
  做过Swing GUI界面设计的人都知道,Java应用程序界面上的元素位置是用LayoutManager来管理的。JPanel的预设布局管理器是FlowLayout。VE目前支持所有的传统的布局管理器(这里所指的传统布局管理器是指JDK1.4之前的布局管理器。可惜的是VE目前还不支持从JDK1.4开始有的SpringLayout)。
  
  要设置JPanel的layout,请先在设计界面中选中JPanel,再切换到"属性"视图,找到"layout"属性,如下图所示:
   
  图中显示了JPanel的预设LayoutManager。在"layout"属性的右边,可以通过点击组合框来指定不同类型的LayoutManager。不同的LayoutManager会在属性编辑器中显示不同的参数,如果选择GridLayout,属性编辑器中的layout属性将显示另外几种不同的参数,如下图如示:
  


  先前的FlowLayout的三个参数alignment, horizontal gap和vertical gap变成了GridLayout的另外四种参数:columns, horizontal gap, rows, vertical gap。
  

查看本文来源

    • 评论
    • 分享微博
    • 分享邮件
    邮件订阅

    如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。

    重磅专题
    往期文章
    最新文章