從7月14日開始來上海實習已經3個星期了,項目還沒正式開始,前期工作準備了很多,而我主要是負責GUI這塊,工具是Swing,所以陪伴Swing也已經快一個月的日子了.項目下個星期正式啟動,所以對前面的體會作個小小的總結.
以前在inforsense公司的KDE平臺上已經有一個Table Editor,點擊主界面上含有表格數據的節點,可以打開表格,然后可以對各種表格進行編輯,增刪等簡單操作,而同時這些操作也會反映到主界面上的工作流模型中.現在的目標是對這個工具進一步擴展其功能,不僅融如Excel spreadsheet的功能(過濾,對cell進行編輯等),還有將樹圖與表格視圖連接起來,可以進行兩種視圖之間的拖拽(dnd),切換等.現在更要與化學專業結合起來,本來這款軟件是為化學家設計的,目的使他們操作起來更方便.所以還要把擴展后的表格編輯器和Interactive Browser結合起來,做到對同一組數據的多種視圖,而且它們是同步的.比如表格中會有Structure(化學分子結構),分子量這樣的特定的域,而點擊后可啟動特定的編輯化學分子結構的軟件進行編輯,同時變化反映在表格數據中.
而我接觸的都是Swing,它給我的感覺雖然好象僅僅是在AWT的類前面都加上了個J,但仔細研究,里面有各種設計模式的存在,這一點讓我興奮不已,正好借這個機會學習設計模式.我大部分時間接觸的都是JTable和JTree.所以主要談談他們.Swing基本是就是個MVC的設計架構,就拿JTable來說,JTable就是View的部分,而TableModel就是M的部分.下面一點點講講實現的細節:
1.Filter(過濾器):
要在表格中實現過濾的功能,而實際上不影響原來的模型,可以考慮在原來的模型增加一個過濾器.它其實上也是一個TableModel(可以子類化TableModel的實現框架AbstractTableModel.),它把原來的TM作為自己的成員,任何實際的操作如getColumnCount(),getRowCount(),getColumnName()等都交給原來的TM來完成(調用TM的相應方法),只是在應該控制的地方控制一下,比如,getValueAt(i,j)就通過控制i,j來只返回過濾器想顯示的行或列的數據,而具體的返回數據的操作還是由TM來完成.對setValueAt(),isCellEditable()也是同樣的道理.我具體的做法就是用一個List把我想顯示的行(列)號保存下來,在getValueAt(i,j)中,i的取值范圍就是這個List了.這其實是一種Adapter模式的思想.同樣,實現Sort也可以用這種方式.
2)Selection:
JTable中的選擇都是由ListSelectionModel來完成的,行列都有默認的選擇模型,訪問行的SelectionModel的方式是getSelectionModel(),訪問列的SelectionModel的方式是getColumnModel().getSelectionModel().你也可以實現自己的選擇模型.可以通過
getRowSelectionAllowed()和getColumnSelectionAllowed()獲取現在行列是否可選的信息,如果都可選,則在Cell級別是可選的.這就是為什么在行列都可選的情況下,設置i行被選中setRowSelectionInterval(i),同時設置j列被選中setColumnSelectionInterval(j),這樣只有(i,j)的Cell單元被選中得到原因.但是反過來,如果我只想使(i,j)的Cell不被選中,而僅僅靠removeColumnSelectionInterval(j)和removeRowSelectionInterval(i)是實現不了的.這難道是Swing的漏洞?
前面已經講到,設置改變選擇狀態主要是通過行列SelectionModel的setSelectionInterval(),addSelectionInterval(),removeSelectionInterval()三個方式實現的.
3)header
表的行,列的表頭著實讓我頭痛了一陣.尤其是row header.我的row header是用一個JTable實現的,關鍵是要和表格同步起來.可以考慮與表格共用一個Filter,關鍵是改寫getValueAt()和getRowCount()這兩個方法.這樣表格過濾留下的行也是表頭這個JTable中所需要留下的行.而選擇的同步則是覆蓋changeSelection()這個方法實現的.而操作的方法就是在2)中提到的那幾個方法.設置rowHeader為表頭只需要在JScrollPane中用setRowHeaderView()指定即可,而表格最左上角的單元(行表頭的表頭)用setCorner()指定.
ColumnHeader其實在JTable中已有實現,如果要通過單擊列頭來選擇全列的話,實現的方法可通過在列頭上添加一個MouseListener,然后在它的MouseClicked方法中進行選擇的同步,其余步驟與行在changeSelection()中的類似,有一點值得注意,要獲取單擊的列的索引是通過getTableHeader()后得到的tableHeader.columnAtPoint(e.getPoint())得到的,這里e是MouseEvent,也就是這個單擊的動作事件.
具體的控制代碼如下:
/**
* once click on the header, that column should be selected
*/
public void mouseClicked(MouseEvent e) {
JTableHeader header = table.getTableHeader();
TableColumnModel columns = header.getColumnModel();
if(!columns.getColumnSelectionAllowed())
return;
//get the column index being clicked
int column = header.columnAtPoint(e.getPoint());
if(column == -1)
return;
int count = table.getRowCount();
//set the entire column to be selected
if(count != 0)
table.setRowSelectionInterval(0,count-1);
ListSelectionModel selection = columns.getSelectionModel();
//if the shift modifier is pushed down, need to select multiple columns
if(e.isShiftDown()) {
int anchor = selection.getAnchorSelectionIndex();// the first index
int lead = selection.getLeadSelectionIndex();//the last index
if(anchor != -1) {
boolean old = selection.getValueIsAdjusting();
selection.setValueIsAdjusting(true);
boolean anchorSelected = selection.isSelectedIndex(anchor);
if(lead != -1) {
if(anchorSelected)
selection.removeSelectionInterval(anchor,lead);
else
selection.addSelectionInterval(anchor,lead);
}
if(anchorSelected)
selection.addSelectionInterval(anchor,column);
else
selection.removeSelectionInterval(anchor,column);
selection.setValueIsAdjusting(old);
}
else
//select single column
selection.setSelectionInterval(column,column);
}
else if(e.isControlDown()) {
if(selection.isSelectedIndex(column))
selection.removeSelectionInterval(column,column);//unselect this column
else
selection.setSelectionInterval(column,column);
}
else {
selection.setSelectionInterval(column,column);
}
}
4)dnd:
構造一個Transferable對象,保存傳送的數據.而兩方分別實現自己的TransferHandler即可.
5)表示器和編輯器.
如果想在JTree中添加JCheckbox,其實只需要實現自己的CellRenderer和CellEditor,在getTreeCellRendererComponent(Object value)和setTreeCellRendererComponent(Object value)中返回或設置一個JCheckBox(value.toString())即可.value就是Tree中節點node的UserObject.如果你想更改樹中顯示的文字,比如在父節點中顯示子節點的數量,只需要在TreeNode類中(子類化DefaultMutableTreeNode)改寫toString()方法即可.
目前的代碼可以在"文件"中下載.