首页 > 开发 > 综合 > 正文

在定制Eclipse SWT组件中实现MVC

2024-07-21 02:14:51
字体:
来源:转载
供稿:网友
  eclipse swt(标准部件工具包)提供了丰富的 api 集来实现定制部件(widget)。在这篇文章中,作者简要介绍了 mvc(模型-视图-控制器)架构,以结构化查看器的形式解释了 mvc 的当前实现,并介绍了一种使用定制 swt 部件的实现。

  什么是 mvc?

  mvc 架构(或设计模式)是图形用户界面(gui)的设计样式,由三部分构成:模型、视图和控制器。mvc 把表示层从数据解耦出来,也把表示从数据的操作解耦出来。

  实现 mvc 架构与其他类型的应用程序有所不同。主要的区别来自如何放置和实现业务逻辑或查看呈现逻辑。与典型的 web 应用程序不同,在这类程序中,程序员必须设计和实现所有 mvc 组件,而 eclipse 提供的 api 可以替您做大部分控制或呈现工作。所以,不能严格地把 eclipse 的 mvc 实现与 web 或其他应用程序类型的 mvc 进行比较。

  eclipse jface

  eclipse jface 用内容提供者和标签提供者实现 mvc 架构。jface api 包装了标准(并非不重要的)部件,例如表和树,并实现了结构化内容提供者和标签提供者。可以根据部件类型实现不同的内容提供者。面向列表的查看器会实现结构化查看器,而内容则以结构化(列表的)方式映射到部件条目上。

  基类叫做 viewer,它是结构化查看器的一个扩展。查看器充当部件容器。内容提供者以结构化的方式得到数据;类似地,标签提供者获得对应的标签。jface 查看器实现检索该数据,设置对应的关联,并用数据集更新用户界面(ui)组件。它还执行选择、过滤和排序。

  如何实现 jface

  eclipse view 和 viewer 负责执行大部分 jface 控制功能。viewer 或者说 mvc 的视图部分,也充当部件容器;这是表示组件。

  eclipse view 实例化 viewer、内容提供者和标签提供者,并充当模型,容纳值对象,并在 viewer 中把它们设置为 inputelement。

  要创建 view,请用 createpartcontrol() 方法实例化 viewer。清单 1 实例化一个默认的树查看器;您也可以定制树,并用树对象作为参数,用构造函数实例化树查看器。

  清单 1. exampleview 的 createpartcontrol 方法

  public class exampleview extends viewpart   { ... public void createpartcontrol(composite parent)   { // define a grid layout   gridlayout layout = new gridlayout();   layout.numcolumns = 1;   layout.marginheight = 0;   layout.marginwidth = 0; l  ayout.horizontalspacing = 0;   layout.verticalspacing = 1;   parent.setlayout(layout);   // create widgets createactionbar(parent);   createtree(parent);   // add context menu and listeners  viewer.adddoubleclicklistener(this); viewer.addselectionchangedlistener(openaction);   // register viewer so actions respond to selection getsite().setselectionprovider(viewer);   hookcontextmenu();   }  private void createtree(composite parent)   {   viewer = new treeviewer(parent, swt.single | swt.h_scroll | swt.v_scroll | swt.border);  viewer.setcontentprovider(new exampleviewcontentprovider()); viewer.setlabelprovider  (new exampleviewlabelprovider());   viewer.setsorter(new viewersorter());   viewer.setinput(modelmanager.getexamplemodel());   viewer.getcontrol().setlayoutdata(new griddata(griddata.fill_both));   } ... }   

  在另一个独立类中实现 contentprovider,它是一个对象,用适合查看器类型的接口向视图提供数据。例如,您可以实现 istructuredcontentprovider 或 itreecontentprovider 查看器。

  请在 contentprovider 代码中实现以下一个方法,把 contentprovider 与 viewer 相关联:
  • getelements(object parent)
  • getchildren(object element)

  注意:jface 框架将调用这些方法。

  清单 2. 创建定制的 contentprovider

    public class exampleviewcontentprovide implements itreecontentprovide {  

  mvc 架构通常包含多个视图和一个数据源。目前在 eclipse 平台上,只能把一个视图与一个模型相关联。但是,也可以创建多个视图,用适配器视图访问同一数据。只要把 inputchanged() 方法包含在 contentprovider 类中即可。只要 viewer 有新的输入集,就会使用 inputchanged() 方法通知 contentprovider。inputchanged() 方法接受 viewer 作为输入参数,所以多个视图可以使用一个 contentprovider。

  清单 3. 将 inputchanged 方法用于不同的查看器

  /** * register content provider with model. */   public void inputchanged(viewer viewer, object oldinput, object newinput)   {   if (newinput != null)      {   this.viewer = viewer;  this.model = (exampledelegate)newinput; this.model.addmodellistener(this);   }   }  
  与 eclipse swt 结合使用 mvc

  在多数常见 gui 应用程序中,创建布局来显示请求的数据,或完成表单(例如用户界面)来添加或修改数据。图 1 的示例应用程序演示了如何在定制表单中,用只读和可编写模式显示来自 xml 存储的数据。它还解释了每个组件相对于 mvc 架构的角色。

  图 1. 示例应用程序

图 2 显示了应用程序的类图,有助于更好地理解整体架构。

  图 2. 示例应用程序的类图



  创建控件

  exampleview 充当整个应用程序的容器。它将在 createpartcontrol 方法中初始化应用程序。

  清单 4. createpartcontrol 方法初始化布局

  public void createpartcontrol(composite parent) {  exampleeditlayout _layout = new       exampleeditlayout(parent,swt.none,fieldmode.read,new exampleviewcontentprovider());  }

  创建表单和布局

  基本布局类定义了不同的表单应用程序使用的全局方法和声明。有些充当回调机制的容器事件,也注册到了这里。

  清单 5. 布局的 createcontrol 方法

  public void createcontrols(int style) {  griddata    griddata;  text                textfld, subjectfld;  control            tolabel, cclabel, bcclabel;  control            fromdatetime;  control            control;  button durationtext;  button submit;  gridlayout layout = new gridlayout(2, false);  layout.marginwidth = 0;  layout.marginheight = 4;  setlayout(layout);  //label  griddata = new griddata(griddata.horizontal_align_fill  | griddata.vertical_align_center);  griddata.horizontalindent = 10;  labelfactory.create(this,     messages.getstring("exampleeditlayout.title"), griddata); //$non-nls-1$  griddata = new griddata(griddata.horizontal_align_fill  | griddata.vertical_align_center);  griddata.horizontalindent = 40;  labelfactory.create(this, "", griddata);  //text  griddata = new griddata(griddata.horizontal_align_fill  | griddata.vertical_align_center);  griddata.horizontalindent = 10;  control = labelfactory.create(this,     messages.getstring("exampleeditlayout.email"), griddata); //$non-nls-1$  griddata = new griddata(griddata.horizontal_align_beginning  | griddata.vertical_align_center);  griddata.horizontalindent = 10;  control = textfactory.create(this,    swt.border | swt.v_scroll | swt.wrap, griddata, fieldmode.edit); //$non-nls-1$  addfield(new textfield(control, exampleviewcontentprovider.first_index));  //combo  griddata = new griddata(griddata.horizontal_align_fill  | griddata.vertical_align_center);  griddata.horizontalindent = 10;  labelfactory.create(this,     messages.getstring("exampleeditlayout.group"), griddata); //$non-nls-1$  griddata = new griddata(griddata.horizontal_align_beginning  | griddata.vertical_align_center);  griddata.horizontalindent = 40;  control = combofactory.create(this,     fieldmode.edit, false, griddata); //$non-nls-1$  addfield(new combofield(control,  exampleviewcontentprovider.second_index));  ...}  
  创建字段(视图)

  field 是一个抽象类,它定义了包含各种用户界面控件的方法,还有全局地识别这些控件的相关 id。每个用户界面控件都是 field 的子类,并向内容提供者提供了读写能力。清单 6 用工厂模式,在 layout 类中创建了 field。

  清单 6. 用 field 类创建文本对象

  public class textfield extends field {      /**      * @param control      * @param id      */      public textfield(control control, int id) {          super(control, id);      }      /* based on the id of the widget, values retrieved from        * the content provider are set.       */      public  void readfromcontent(iexamplecontentprovider content) {          string newtext = (string )content.getelement(getid());          if (newtext != null)              ((text )_control).settext(newtext);      }      /* based on the id of the widget, values retrieved from widget are        * sent back to the content provider.       */      public void writetocontent(iexamplecontentprovider content) {          string newtext = ((text )_control).gettext();          content.setelement(getid(), newtext);      }  }

  简化内容提供者(模型)

  exampleviewcontentprovider 充当模型侦听器,后者扩展自 istructuredcontentprovider。它是 eclipse api 的简单实现,提供了用于检索数据的回调。每个请求数据的条目都基于视图创建时在布局中为条目定义的惟一 id。

  方法调用会返回与每个定义的全局 id 关联的数据。在 清单 7 所示的内容提供者中,可以使用适配器从 xml 文件或数据库检索数据。

  清单 7. 在定制的 contentprovider 中实现方法

  public object getelement(int iindex) {          switch (iindex) {          case first_index: return "[email protected]";          case second_index : return new integer(1);          case fourth_index : return new boolean(true);          case third_index: return new boolean(false);          case fifth_index: return new boolean(false);          }          return null;      }  

  创建了控件并初始化布局之后,表单会用控件 id 要求内容提供者用数据填充表单控件。

  清单 8. 初始化布局并填充控件的表单

  public form (composite parent, int style, fieldmode mode, exampleviewcontentprovider content) {              super(parent, style);              _content = content;              _style = style;              setmode(mode);              init(style);      }         private void init(int style) {              createcontrols(style);          controlscreated();      }  protected void controlscreated() {              readfromcontent();      }  

  结束语

  web 应用程序是 mvc 架构样式的早期实现者。但是,随着像 eclipse 这样的简单而强大的开发平台的到来,程序员可以轻易地用更短的时间和最小的复杂程度,开发出更丰富的用户界面。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表