树(选择框)

zeyuphoenix

浏览: 57883 次
性别:
来自: 北京

最近访客更多访客>>

anshiyatai

hui7xin

xmx111

sd797994

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

先是春游然后又开始忙了,都没时间写了,不爽.

JTree的选择框其实也是Renderer的一种表现,单纯实现效果的话很简单,只需要设置Renderer就可以了,但是如果你想实现一个好的JTree选择框就比较难了,因为这里有选择问题、监听问题、选中后的父子关系等,这里主要是参考别人的实现写的.

先看一个简单的例子,从网上看到的,如图：

它只是单纯的实现了树的选择框效果,写的很简单.

首先是TreeNode,我们扩展Java的TreeNode,添加了我们自己的选择属性：

publicclass CheckBoxTreeNode extends DefaultMutableTreeNode {

属性:

/**

* is node check

privatebooleanisChecked = false;

然后就是Renderer了,这里实现TreeCellRenderer,并继承了JCheckBox

publicclass CheckBoxTreeCellRenderer extends JCheckBox implements

TreeCellRenderer {

然后实现接口的方法：

@Override

public Component getTreeCellRendererComponent(JTree tree, Object value, boolean selected, boolean expanded, boolean leaf, int row,

boolean hasFocus) {

取得TreeNode：

// get tree node

CheckBoxTreeNode node = ((CheckBoxTreeNode) value);

// set check box text

setText(node.toString());

设置选择状态后返回:

setSelected(false);

returnthis;

然后是一个我们自己的JTree,它增加了鼠标监听,实现选择框的勾选效果：

publicclass CheckBoxTree extends JTree {

在构造函数里设置它的Renderer和监听：

setCellRenderer(new CheckBoxTreeCellRenderer());

addCheckingListener();

然后是处理监听:

addMouseListener(new MouseAdapter() {

@Override

publicvoid mousePressed(MouseEvent e) {

在监听里先取得选择的节点:

int row = getRowForLocation(e.getX(), e.getY());

TreePath treePath = getPathForRow(row);

CheckBoxTreeNode node = ((CheckBoxTreeNode) treePath

.getLastPathComponent());

然后设置选择状态:

// if check , will uncheck.

boolean checking = !node.isChecked();

node.setChecked(checking);

当然这里可以做额外处理,例如选中节点时同时选择子节点或者父节点:

最后刷新:

// repaint

repaint();

然后就是使用了,和一般的JTree基本一致,只是节点是我们自己定义的Node.

CheckBoxTree tree = new CheckBoxTree();

之后就和一个普通的JTree一样了.

到这里,简单的选择框树就完成了,它基本可以用,但是还是有一些问题的.

因为我们使用JCheckBox作为树的节点,导致我们只能呈现一个选择框和一个文本框的效果,其它复杂效果很难再实现了,简单说就是JCheckBox很难做效果

解决办法就是我们在做Renderer时,使用JPanel继承,这样就可以实现更复杂的Node了.

要通过鼠标监听和Repaint才能使树选择效果刷新.

通过解决问题一,我们可以在Renderer设置JCheckBox,这样就避免了刷新;同时我们可以额外实现一个单选效果.

选择模式简单(需要鼠标事件),验证数据单一(关联关系不好),封装性不好(使用达不到完全封闭)

这个问题就需要定义接口和数据结构了,本来想自己写呢,后来发现一个老外写了一个,很强大,比我写的好多了,就用它了.

先看我们简单解决1和2的例子,如图:

TreeNode和前一个例子差不多,我们额外添加了一个选择模式的属性:

publicclass MyTreeNode extends DefaultMutableTreeNode {

两个属性,表示选择和选择模式:

/** is select or not. */

privatebooleanisSelected = false;

/** select model. */

privateintselectionMode = 0;

在设置选择时,如果只允许单选的选择模式,我们设置其它不选择:

publicvoid setSelected(boolean isSelected) {

this.isSelected = isSelected;

if ((selectionMode == TreeSelectionModel.DISCONTIGUOUS_TREE_SELECTION)

&& (children != null)) {

Enumeration<?> enumTemp = children.elements();

while (enumTemp.hasMoreElements()) {

MyTreeNode node = (MyTreeNode) enumTemp.nextElement();

node.setSelected(isSelected);

}

然后就是Renderer了,这里我们不继承JCheckBox,继承JPanel:

publicclass MyCheckRenderer extends JPanel implements TreeCellRenderer {

在JPanel上我们放置了两个组件,当然也可以放置更复杂的:

/** check box in tree node. */

private JCheckBox checkBox = null;

/** label text in tree node. */

private TreeLabel labelText = null;

其中TreeLabel是我们自己写的:

privateclass TreeLabel extends JLabel {

我们为它添加了焦点状态和选择状态:

/** is select. */

privatebooleanisSelected = false;

/** is have focus. */

privatebooleanhasFocus = false;

然后复写它的方法和方法,使它的呈现和JTree一致:

@Override

public Dimension getPreferredSize() {

@Override

publicvoid paint(Graphics g) {

设置颜色和大小:

g.setColor(UIManager

.getColor("Tree.selectionBorderColor"));

g.drawRect(imageOffset, 0, d.width - 1 - imageOffset,

d.height - 1);

在类里我们实现TreeCellRenderer接口的方法:

@Override

public Component getTreeCellRendererComponent(JTree tree, Object value, boolean isSelected, boolean expanded, boolean leaf, int row,

boolean hasFocus) {

设置JCheckBox的状态:

checkBox.setSelected(((MyTreeNode) value).isSelected());

设置树节点显示:

labelText.setFont(tree.getFont());

labelText.setText(stringValue);

labelText.setSelected(isSelected);

labelText.setFocus(hasFocus);

然后复写JPanel的getPreferredSize方法和doLayout方法,使显示合理:

/**

* set select node's prefer size.

@Override

public Dimension getPreferredSize() {

Dimension d_check = checkBox.getPreferredSize();

Dimension d_label = labelText.getPreferredSize();

returnnew Dimension(d_check.width + d_label.width,

(d_check.height < d_label.height ? d_label.height

: d_check.height));

}

/**

* set tree select node layout.

@Override

publicvoid doLayout() {

Dimension d_check = checkBox.getPreferredSize();

Dimension d_label = labelText.getPreferredSize();

int y_check = 0;

int y_label = 0;

if (d_check.height < d_label.height) {

y_check = (d_label.height - d_check.height) / 2;

} else {

y_label = (d_check.height - d_label.height) / 2;

}

checkBox.setLocation(0, y_check);

checkBox.setBounds(0, y_check, d_check.width, d_check.height);

labelText.setLocation(d_check.width, y_label);

labelText.setBounds(d_check.width, y_label, d_label.width,

d_label.height);

}

最后是使用,和前面得差不多,先取得JTree,再设置Renderer,监听鼠标.

JTree tree = new JTree();

tree.setCellRenderer(new MyCheckRenderer());

tree.addMouseListener(new NodeSelectionListener(tree));

处理鼠标监听:

@Override

publicvoid mouseClicked(MouseEvent e) {

设置选择:

MyTreeNode node = (MyTreeNode) path.getLastPathComponent();

boolean isSelected = !(node.isSelected());

node.setSelected(isSelected);

((DefaultTreeModel) tree.getModel()).nodeChanged(node);

然后和普通的JTree一样使用了.

最后是问题三的解决,这个是一个老外写的,很不错,但是很复杂,如图:

它实现了无关的选中、父选择子全选择、子选择父选择和子单选择父选择四种选择状态.

代码别人写的就不写了,写下它的大概思路:

首先它定义了一个事件: TreeCheckingEvent,这个事件是描绘选择关系和选择路径的,这样就简化了鼠标事件处理;然后是事件的监听器: TreeCheckingListener,它提供监听.

然后定义了一个数据模型：TreeCheckingMode,在模型里它提供了checkPath、uncheckPath、updateCheckAfterChildrenInserted、updateCheckAfterChildrenRemoved和updateCheckAfterStructureChanged的虚方法,供子类实现,这些实现就是树的选择状态的表示,当一个树的节点选择、取消选择、插入、删除和更新之后,节点选择状态的变化.

TreeCheckingMode有SimpleTreeCheckingMode、PropagateTreeCheckingMode、PropagatePreservingCheckTreeCheckingMode、PropagatePreservingUncheckTreeCheckingMode四个实现类,代表了四种选择关联状态,通过实现父类的虚方法,当树选择变化或内容变化时,选择节点变化,这样我们的树就可以了四种选择逻辑了,当然你也可以继承TreeCheckingMode实现自己的选择逻辑.

然后还有一个Renderer类DefaultCheckboxTreeCellRenderer,继承JPanel,实现TreeCellRenderer,来渲染树的节点,这个和我上面写的基本一致.所以大家可以看到,做UI最后还是做逻辑,UI呈现也就那么多,还是逻辑多而复杂.

然后是树的CheckModel类TreeCheckingModel和DefaultTreeCheckingModel,主要是处理树的数据变化和增删改;以及监听和选择状态的记录(树的Model我们还用,在它的基础上添加了新的选择Model,这样就分离了数据和选择状态).
最后是CheckboxTree,它继承JTree,设置Model是TreeModel,设置CheckModel是TreeCheckingModel,设置Mode是TreeCheckingMode,增加TreeCheckingListener监听,并提供了展开树等事件.

使用很简单,new出来直接使用就可以了,可以设置选择状态:

tree.getCheckingModel().setCheckingMode(CheckingMode.PROPAGATE);

总之,这个树写的还是不错了,它自己实现了事件和数据模型,这样可以很自由的进行树数据的处理,建议如果大家做大项目的时候,比较常用的组件还是自己实现写,使用自己的事件处理和数据模型甚至UI，这样虽然麻烦,但可以做出更利于自己的效果(当然是很大很复杂的项目,小项目还不够费时间呢).

到此为止,关于树的就写完了,除了一个DND拖拽应该没有漏什么东西了,树的组件并不复杂, 方法不算太多,UI可以重写的也很少,Mdoel因为数据集简单也不复杂,数据处理最多也就是个递归,监听也就是鼠标和树选择、展开事件,因此一般树的UI和事件处理不是我们的重点,我在这里写的可能大多数项目都不会用到,(至少我很少用).因此对树的处理大多还是逻辑,主要是生成树、更新和删除节点.