在本文中，我们将创建我们的xml编辑器的框架，为了达到这个目的，我们将用到许多swing组件（包括jsplitpane、jscrollpane、jbutton和jtextarea组件）。
　　
　　一、问题的提出与解决
　　我如何创建一个能够浏览文本和浏览视图的xml文本编辑器呢？创建一个包含jbutton和jsplitpane的jframe对象， 然后让jsplitpane对象包含两个jscrollpane对象，一个用于浏览图形(xtree类)，另一个用于浏览文本(jtextarea类)。jbutton用来管理刷新图形浏览的操作。
　　
　　二、增强xtree类的功能
　　在上一篇文章中，我们开发了xtree类，这是一个可重用的组件，继承于jtree类并能够把xml数据以图形树的形式显示。我们现在就增强这个类， 通过提供给它一个在显示默认的xml树来we will now enhance that class by providing it with a default xml
　　tree to display in the event that an xml file is not supplied at the command-line. 而且，我们还将添加一些错误处理逻辑以便程序不会因为无效的xml而崩溃。
　　
　　第一步是创建一个名为buildtree()的方法：
　　
　　private defaulttreemodel buildtree( string text )
　　
　　{
　　
　　　defaultmutabletreenode treenode;
　　
　　　node newnode;
　　
　　　// 采用dom根节点并把它转化成为一个tree模型
　　
　　　newnode = parsexml( text );
　　
　　　if ( newnode != null )
　　
　　　{
　　
　　　　treenode = createtreenode( newnode );
　　
　　　　return new defaulttreemodel( treenode );
　　
　　　}
　　
　　　else
　　
　　　　return null;
　　
　　　} file&://结束buildtree()
　　
　　
　　这个方法取得传入的 xml字符串，分析这个 xml字符串并构造一个可以用来从数据中构造图形树形结构的defaulttreemodel变量实例。这个功能原来包含在 xtree()构造程序中，但是我们把它拿出来然后把它放进一个单独的方法中，这样我们就有了创建一个默认图形树的伸缩性。这就是我们接下来想做的事。
　　
　　接下来一步是创建一个叫 buildwelcometree()的方法。这个方法一次构建一个defaulttreemodel变量，而不是通过分析一个现有的xml文字字符串。如果用户没有指定 xml文件就启动这个应用程序，将显示 defaulttreemodel。见代码段1
　　
　　代码段1：
　　
　　private defaulttreemodel buildwelcometree()
　　{
　　　defaultmutabletreenode root;
　　　defaultmutabletreenode instructions, openingdoc,
　　　　　　　　　　　　　　 editingdoc, savingdoc;
　　　defaultmutabletreenode openingdoctext, editingdoctext,
　　　　　　　　　　　　　　 savingdoctext;
　　　defaultmutabletreenode development, addingfeatures,
　　　　　　　　　　　　　　 contactingkyle;
　　
　　　root = new defaultmutabletreenode( /"welcome to xml view 1.0/" );
　　　instructions = new defaultmutabletreenode( /"instructions/" );
　　　openingdoc = new defaultmutabletreenode
　　　　　　　　　　　　　　　( /"opening xml document．/" );
　　　openingdoctext = new defaultmutabletreenode
　　　　　　　　　　　　　　　( /"when invoking the xmleditor from
　　　the command-line, you must specify the filename./" );
　　　editingdoc = new defaultmutabletreenode
　　　　　　　　　　　　　　　( /"editing an xml document．" );
　　　editingdoctext = new defaultmutabletreenode
　　　　　　　　　　　　　　　( /"xml text in the right hand frame
　　　　　　　　　　　　　　　can be edited directly.
　　　　　　　　　　　　　　　the //"refresh//" button will rebuild
　　　　　　　　　　　　　　　the jtree in the left frame./" );
　　　savingdoc = new defaultmutabletreenode
　　　　　　　　　　　　　　　( /"saving an xml document．" );
　　　savingdoctext = new defaultmutabletreenode
　　　　　　　　　　　　　　( /"this iteration of the xmleditor does
　　　　　　　　　　　　　　　　not provide the ability to save your
　　　　　　　　　　　　　　　　document． that will come with the
　　　　　　　　　　　　　　　　next article./" );
　　　root.add( instructions );
　　　instructions.add( openingdoc );
　　　instructions.add( editingdoc );
　　　openingdoc.add( openingdoctext );
　　　editingdoc.add( editingdoctext );
　　　return new defaulttreemodel( root );
　　}
　　
　　接下来的我们需要添加一个新的构造程序来简化默认显示功能，我们将修改主构造程序，这样它就不能接受任何参数，创建一个新的能接收单一的 xml文本字符串的构造程序。这样以来，如果没有 xml文本被显示的话就会创建默认 xtree对象，而如果 xml文本被显示的话将创建一个唯一的 xtree对象。代码段2中给出了两个构造程序。
　　
　　代码段2：
　　
　　public xtree( string text ) throws parserconfigurationexception
　　{
　　　this();
　　　refresh( text );
　　　}
　　public xtree() throws parserconfigurationexception
　　{
　　　super();
　　　getselectionmodel().setselectionmode(
　　　　　　　treeselectionmodel.single_tree_selection );
　　　setshowsroothandles( true );
　　　seteditable( false );
　　　dbf = document．uilderfactory.newinstance();
　　　dbf.setvalidating( false );
　　　db = dbf.newdocument．uilder();
　　　setmodel( buildwelcometree() );
　　}
　　
　　三、创建 xmleditor类
　　xmleditor类与前面的那篇文章的xtreetester类有相同的用途，不同之处在于 xmleditor包括一个 jtextarea，允许你操作文本版xml。之后，你可以点击 “refresh”按钮并查看 xtree组件中反映出来的变化。
　　
　　如果直接修改第一篇文章中的代码，你就能节省很多时间，你可以把 xtreetester.java文件重命名为 xmleditor.java (不过一定要修改构造程序 )并把它当成模板文件。
　　
　　要做的第一件事是添加下列 swing组件：另一个 jscrollpane、 jsplitpane、 jtextarea和 jbutton。通过声明所有的这些组件以及其他组件开始（看代码段3）。
　　
　　代码段3：
　　
　　private xtree xtree;
　　private jscrollpane jscroll, jscrollrt;
　　private jsplitpane splitpane;
　　private jbutton refreshbutton;
　　private windowlistener winclosing;
　　
　　首先，我们将创建并添加“ refresh”按钮。这个按钮用来指示这个 xtree组件将使用当前 xml文本来刷新。我们还需要使用一个actionlistener来注册它。(参见代码段 4 ) 为了拦截按钮事件，我们需要有这个类还要实现 actionlistener，而且我们还需要创建一个 actionperformed()方法 (参见代码段 5 )。
　　
　　代码段4：
　　
　　refreshbutton = new jbutton( /"refresh/" );
　　refreshbutton.setborder(
　　　　borderfactory.createraisedbevelborder() );
　　refreshbutton.addactionlistener( this );
　　getcontentpane().add( refreshbutton, borderlayout.north );
　　
　　代码段5：
　　
　　public void actionperformed( actionevent ae )
　　{
　　　if ( ae.getactioncommand().equals( /"refresh/" ) )
　　　　xtree.refresh( textarea.gettext() );
　　}
　　
　　接下来，我们将创建新的 jscrollpane和 jtextarea并且把 jtextarea添加到 jscrollpane中。这样，我们将得到包含 xtree组件的原始的 jscrollpane和包含 jtextarea组件的新的 jscrollpane。这个原始的 xtree构造程序还有一个修改之处。我们将删除先前传进这个方法的字符串参数。（该功能通过我们接下来要构建的另一个 xmleditor()构造程序操作）我们把这两个方框放进一个 jsplitpane中，它是一个有分隔器的组件，可以在这个分隔器的另一边包含一个组件。(参见代码段6)。
　　
　　代码段6：
　　
　　jscroll = new jscrollpane();
　　jscrollrt = new jscrollpane();
　　
　　textarea = new jtextarea( 200,150 );
　　jscrollrt.getviewport().add( textarea );
　　
　　xtree = new xtree();
　　xtree.getselectionmodel().setselectionmode(
　　　　　treeselectionmodel.single_tree_selection );
　　xtree.setshowsroothandles( true );
　　
　　xtree.seteditable( false );
　　
　　jscroll.getviewport().add( xtree );
　　
　　splitpane = new jsplitpane( jsplitpane.horizontal_split,
　　　　　jscroll, jscrollrt );
　　splitpane.setonetouchexpandable(true);
　　splitpane.setdividerlocation(200);
　　
　　minimumsize = new dimension(200, 150);
　　jscroll.setminimumsize( minimumsize );
　　jscrollrt.setminimumsize( minimumsize );
　　
　　splitpane.setpreferredsize( new dimension(400, 300) );
　　
　　getcontentpane().add( splitpane, borderlayout.cente