昨天写了EditingSupport的应用,可以方便的编辑TableViewer中的cell。
今天要讲的也是与Cell有关的,是关键美化Cell的。在Eclipse3.4之前,要想美化或者让一个cell显示的有点不同其实是不容易的,我知道的一个方法就是通过实现监听的方式来达到目的。
Eclipse3.4中提供了一个新的类StyledCellLabelProvider可以用来很容易的对cell进行外观的定义。在昨天的EditingSupport中,我们知道了现在可以对每一个cell提供一个CellLabelProvider来显示cell的内容。这个SytledCellLabelProvider也是CellLabelProvider的一个子类,所以很显然也可以通过继承这个类来提供自定义的CellLabelProvider。
看StyledCellLabelProvider的帮助可以知道,其实要实现不同的显示是一件很简单的事情,关键就是提供一些StyledRange。这个在StyledText里也有:定义一个个的Range和这个Range的一些属性,那么这个Range范围内的东西就会按照定义的属性进行显示;一大堆的Range组合在一起,就成了一个最终的显示效果了。
还是昨天的那个例子,我们将所有文件名中的eclipse字样进行高亮,则可以如下实现:
private static final String key = "eclipse"; /** * highlight the key string in the cell * @param cell * @return */ private void highLightKeys(ViewerCell cell,String key) { String cellText = cell.getText(); int[] indexs = getIndexs(key, cellText); int keyLength = key.length(); Color bgColor = getViewer().getControl().getDisplay().getSystemColor( SWT.COLOR_RED); StyleRange[] srs = new StyleRange[indexs.length]; for (int i = 0; i < indexs.length; i++) { StyleRange sr = new StyleRange(); sr.start = indexs[i]; sr.length = keyLength; sr.background = bgColor; srs[i] = sr; } cell.setStyleRanges(srs); } /** * search the searchedText and get all indexes of key in the text * @param key * @param searchedText * @return index[] */ private int[] getIndexs(String key, String searchedText) { int keyLength = key.length(); int[] indexes = new int[searchedText.length() / keyLength + 1]; for (int i = 0; i < indexes.length; i++) { indexes[i] = -1; } int index = -keyLength; int i = 0; while (index != -1) { index = searchedText.indexOf(key, index + keyLength); indexes[i++] = index; } int[] result = new int[--i]; System.arraycopy(indexes, 0, result, 0, result.length); return result; }
我们有一个key: eclipse,有两个方法用来查找cell中的所有的key,然后使之高亮。(这里key的长度如果为1,就会出问题,呵呵)
最后我们要记得在CellLabelProvider的update()方法里调用一下highLight方法:
@Override public void update(ViewerCell cell) { Object element = cell.getElement(); if (element instanceof File) { switch (index) { case 0: cell.setText(((File) element).getName()); break; case 1: cell.setText(((File) element).getParent()); break; case 2: cell.setText(((File) element).canWrite() + ""); break; case 3: cell.setText(((File) element).isHidden() + ""); break; default: break; } } highLightKeys(cell, key); }
好了,一个关键字高亮的显示就完成了。最后显示如下: