Swing
在本文中,我们将创建我们的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 |