服务热线:13616026886

技术文档 欢迎使用技术文档,我们为你提供从新手到专业开发者的所有资源,你也可以通过它日益精进

位置:首页 > 技术文档 > JAVA > 新手入门 > 基础入门 > 查看文档

利用observer模式实现组件间通信

  1. 问题的提出 

  以前做一个界面的时候常常会遇到这样的尴尬情况:希望保留各个独立的组件(类),但又希望它们之间能够相互通信。譬如windows中的explorer,我们希望鼠标点击左边是树型目录的一个节点,右边的文件浏览能及时列出该节点目录下的文件和子目录,类似这样一个简单的应用,如果只有一个类继承jframe,而树型组件和浏览文件的面板作为成员,就像:

public class mainframe extends jframe
{
  jpanel treepanel;
  jtree tree;
  jpanel filepanel;
  ...
}


  这样当然容易在两者之间传递消息,但是可扩展性较差。通常容易想到的是两种办法:在一个组件里保留另一个组件类型的成员,初始化时作为参数传入引用,比如:

class treepanel extends jpanel
{
  jtree tree;
  ...
}

class filepanel extends jpanel
{
  public filepanel(jtree tree){...}
  ...
}

  或者将一个组件线程化,不停地监听另一个组件的变化,然后作出相应的反映,比如:

class treepanel extends jpanel
{
  jtree tree;
  ...
}

class filepanel extends jpanel implements runnable
{
  public void run()
  {
    while (true)
    {
      //监听tree的变化 
    }
    ...
  }
  ...
}

  这样确实可以达到我们的目的,但是第一种方案显然不利于松散耦合,第二种方案比较占用系统资源。通过学习设计模式,我们发现可以用observer模式来解决这个问题。

  2. observer模式 

  设计模式分为创建型、结构型和行为型,其中行为型模式专门处理对象间通信,指定交互方式等,observer模式就是属于行为型的一种设计模式。按照“四人帮”(gang of four)在“design patterns”里的定义,observer模式“定义对象间的一种一对多的依赖关系,当一个对象的状态发生改变时, 所有依赖于它的对象都得到通知并被自动更新”,这个描述正好符合我们对“组件通信”问题的需求。让我们先看看observer模式的结构:

利用observer模式实现组件间通信

  其中各元素的含义如下: 

  subject:被观察的目标的抽象接口,它提供对观察者(observer)的注册、注销服务,notify方法通知observer目标发生改变; 
  object:观察者的抽象接口,update方法是当得到subject状态变化的通知后所要采取的动作; 
  concretesubject:subject的具体实现; 
  concreteobserver:observer的具体实现 
  observer模式在实现mvc结构时非常有用,为数据和数据表示解耦合。

  3. java中的observer模式:observer和observable 

  在大致了解了observer模式的描述之后,现在我们更为关心的是它在java中是如何应用的。幸运的是,自从jdk 1.0起,就有了专门处理这种应用的api,这就是observer接口和observable类,它们是属于java.util包的一部分。看来java的开发者们真是深谙设计模式的精髓,而java的确是为了真正的面向对象而生的,呵呵!

  这里的observer和observable分别对应设计模式中的observer和subject,对比一下它们定义的方法,痕迹还是相当明显的:

  observer的方法: 

  update(observable subject, object arg) 监控subject,当subject对象状态发生变化时observer会有什么响应,arg是传递给observable的notifyobservers方法的参数; 

  observable的方法:

  addobserver(observer observer) observer向该subject注册自己 

  haschanged() 检查该subject状态是否发生变化 

  setchanged() 设置该subject的状态为“已变化” 

  notifyobservers() 通知observer该subject状态发生变化
 
  4. observer模式在java gui事件模型中应用 

  其实在awt/swing事件模型中用到了好几种设计模式,以前的jdk 1.0 awt使用的是“基于继承的事件模型”,在该模型component类中定义了一系列事件处理方法,如:handleevent,mousedown,mouseup等等,我们对事件的响应是通过对组件类继承并覆盖相应的事件处理方法的手段来实现,这种模型有很多缺点,事件的处理不应当由事件产生者负责,而且根据“设计模式”一书中的原则,“继承”通常被认为是“对封装性的破坏”,父子类之间的紧密耦合关系降低了灵活性,同时继承容易导致家族树规模的庞大,这些都不利于组件可重用。

  jdk 1.1以后新的事件模型是被成为“基于授权的事件模型”,也就是我们现在所熟悉的listener模型,事件的处理不再由产生事件的对象负责,而由listener负责。尤其在swing组件中设计mvc结构时用到了observer模式,众所周知,mvc表示“模型-视图-控制器”,即“数据-表示逻辑-操作”,其中数据可以对应多种表示,这样视图就处在了observer的地位,而model则是subject。

  5. 简单的例子 

  回到本文一开始的那个explorer的例子,我们考虑做一个简单的图片浏览器,使树型选择组件和图片浏览面板在两个不同的类中,其中图片浏览面板根据所选择的树的节点显示相应的图片,所以图片浏览面板是一个observer,树是subject。由于java单根继承的原因,我们不能同时继承jpanel和observable,但可以用对象的组合把一个subject放到我们的类当中,并通过treeselectionlistener触发subject的setchanged方法,并通过notifyobservers方法通知observer。

  例子代码如下:

//leftpanel.java 
package com.jungleford.test; 
import java.awt.borderlayout;
import javax.swing.*;
import javax.swing.event.treeselectionlistener;
import javax.swing.event.treeselectionevent;
import javax.swing.tree.defaultmutabletreenode;
import java.util.observable;
import java.util.observer;

public final class leftpanel extends jpanel
{// 把树型选择视图布局在左边 
  private jtree tree;// 树型选择视图 
  private jscrollpane scroll;// 让视图可滚动 
  private defaultmutabletreenode root, node1, node2;// 根节点及两个叶子 
  private sensor sensor;// sensor是一个observable,由于只能单根继承,所以作为组合成员 
  private string file;// 图片文件名,与rightpanel通信的内容 

  public leftpanel(observer observer)
  {
    file = "";
    sensor = new sensor();
    sensor.addobserver(observer);// 向observable注册observer 
    root = new defaultmutabletreenode("images");
    tree = new jtree(root);
    node1 = new defaultmutabletreenode("rabbit");
    node2 = new defaultmutabletreenode("devastator");
    root.add(node1);
    root.add(node2);
    tree.addtreeselectionlistener(new treeselectionlistener()
    {// 树节点选择动作 
      public void valuechanged(treeselectionevent e)
      {
        object obj = e.getpath().getlastpathcomponent();
        if (obj instanceof defaultmutabletreenode)
        {
          defaultmutabletreenode node = (defaultmutabletreenode)obj;
          if (node == root)
            file = "";// 选择根 
          if (node == node1)
            file = "rabbit.jpg";// 选择node1 
          if (node == node2)
            file = "devastator.gif";// 选择node2 
          sensor.setdata(file);// 改变observable 
          sensor.notifyobservers();// 通知observer,对象已改变 
        }
      }
    });
    scroll = new jscrollpane(tree);
    add(scroll, borderlayout.center);
  }

  public observable getsensor()
  {// 返回observable对象,使observer可以获取 
    return sensor;
  }
}

class sensor extends observable
{// 定义自己的observable 
  private object data;

  public void setdata(object newdata)
  {
    data = newdata;
    setchanged();// 改变observable 
    system.out.println("data changed!");
  }

  public object getdata()
  {
    return data;
  }
}
 

//rightpanel.java 
package com.jungleford.test; 
import java.awt.*;
import javax.swing.jpanel;
import java.util.observer;
import java.util.observable;

public class rightpanel extends jpanel implements observer
{// 把图片浏览视图布局在右边 
  private image image;

  public void update(observable subject, object obj)
  {// 定义接收到observable变化后的响应动作 
    string file = (string)((sensor)subject).getdata();
    if (!file.equals(""))
    {
      image = toolkit.getdefaulttoolkit().getimage(file);
      mediatracker tracker = new mediatracker(this);// 定义图像跟踪 
      tracker.addimage(image, 0);
      try
      {
        tracker.waitforid(0);// 等待图像的完全加载 
      }
      catch (interruptedexception e)
      {
        e.printstacktrace();
      }
    }
    else
      image = null;
    repaint();// 重绘组件 
  }

  public void paintcomponent(graphics g)
  {
    g.setcolor(color.light_gray);
    g.fillrect(0, 0, getwidth() - 1, getheight() - 1);// 先将组件上的画面清除 
    if (image != null)
      g.drawimage(image, 0, 0, this);// 绘制新的图像 
  }
}
 

//mainframe.java 
package com.jungleford.test; 
import java.awt.*;
import javax.swing.jframe;

public class mainframe extends jframe
{// 演示窗口 
  public static void main(string[] args)
  {
    mainframe frame = new mainframe();
    rightpanel right = new rightpanel();
    leftpanel left = new leftpanel(right);// 注册observer 
    frame.getcontentpane().add(left, borderlayout.west);
    frame.getcontentpane().add(right, borderlayout.center);
    frame.settitle("observer test");
    frame.setsize(400, 300);
    frame.setdefaultcloseoperation(jframe.exit_on_close);
    frame.setvisible(true);
  }
}

  程序运行截图如下:

  启动界面

利用observer模式实现组件间通信

  点击rabbit显示的图像

利用observer模式实现组件间通信

  点击devestator显示的图像

利用observer模式实现组件间通信


扫描关注微信公众号