【插件开发】—— 6 SWT 复杂控件使用以及布局

 

前文回顾：

1 插件学习篇

2 简单的建立插件工程以及模型文件分析

3 利用扩展点，开发透视图

4 SWT编程须知

5 SWT简单控件的使用与布局搭配

 

　　前几篇讲到了简单控件的使用，复杂控件使用原则上与简单控件差不多，不过数据的使用还有一些布局还有些额外的技巧。

　　成果展示：

    

　　这里介绍下Tab页，列表，以及树的使用。

　　Tab页

　　这个tab页仍然采用SWT控件的一贯作风，子页都以挂载的方式连接到Tab容器上，但是需要使用一个组个对象才能在里面放置内容，并不支持直接进行布局。

　　　　 TabFolder tabFolder = new TabFolder(shell,SWT.BORDER);
        
        TabItem tabItem1 = new TabItem(tabFolder,SWT.NONE);
        tabItem1.setText("第一页");
        
        Composite compsoite1 = new Composite(tabFolder,SWT.NONE);
        tabItem1.setControl(compsoite1);

　　这样再在Composite容器内放置其他的控件。

　　树形结构

　　而列表以及树的使用基本上差不多，树稍微复杂一点，有一个父亲孩子的概念，多使用几次就了解其中的关系技巧了。

　　　　　　  tree = new Tree(treeGroup,SWT.SINGLE);
            tree.setLayoutData(new GridData(GridData.FILL_BOTH));
            
            TreeItem stu1 = new TreeItem(tree,SWT.NONE);
            stu1.setText("xingoo");
            {
                TreeItem info1 = new TreeItem(stu1,SWT.NONE);
                info1.setText("age:25");
                
                TreeItem info2 = new TreeItem(stu1,SWT.NONE);
                info2.setText("tel:12345");
            }
            TreeItem stu2 = new TreeItem(tree,SWT.NONE);
            stu2.setText("halo");
            {
                TreeItem info3 = new TreeItem(stu2,SWT.NONE);
                info3.setText("age:25");
                
                TreeItem info4 = new TreeItem(stu2,SWT.NONE);
                info4.setText("tel:67890");
            }

　　表格

　　比较常用的一般就是列表，一般导向页，对话框也都是使用Table来制作。

　　　　　　  table = new Table(tableGroup,SWT.SINGLE | SWT.BORDER | SWT.FULL_SELECTION);
            table.setHeaderVisible(true);//设置表头可见
            table.setLinesVisible(true);//设置线条可见
            table.setLayoutData(new GridData(GridData.FILL_BOTH));
            
            TableColumn column1 = new TableColumn(table,SWT.NULL);
            column1.setText("Tree Item");
            column1.pack();
            column1.setWidth(150);
            
            TableColumn column2 = new TableColumn(table,SWT.NULL);
            column2.setText("Parent");
            column2.pack();
            column2.setWidth(150);

　　　　　　  TableItem item = new TableItem(table,SWT.NONE);
                    item.setText(new String[]{“123”，“445”});

 

　　那么下面还是看一个搭配使用的例子

　　首先应用的是一个Tab容器，在第一页放置了一个树形控件，和一个列表控件。点击树形控件的节点，会在列表中添加相关的内容。

　　源码参考如下：

 1 public void todo(Shell shell) {
 2         TabFolder tabFolder = new TabFolder(shell,SWT.BORDER);
 3         
 4         TabItem tabItem1 = new TabItem(tabFolder,SWT.NONE);
 5         tabItem1.setText("第一页");
 6         
 7         Composite compsoite1 = new Composite(tabFolder,SWT.NONE);
 8         tabItem1.setControl(compsoite1);
 9         
10         GridLayout layout = new GridLayout();
11         layout.numColumns = 1;
12         compsoite1.setLayout(layout);
13         Group treeGroup = new Group(compsoite1,SWT.NONE);
14         treeGroup.setText("Tree");
15         GridData griddata = new GridData(GridData.FILL_BOTH);
16         griddata.heightHint = 50;
17         treeGroup.setLayoutData(griddata);
18         treeGroup.setLayout(new GridLayout(1,false));
19         {
20             tree = new Tree(treeGroup,SWT.SINGLE);
21             tree.setLayoutData(new GridData(GridData.FILL_BOTH));
22             
23             TreeItem stu1 = new TreeItem(tree,SWT.NONE);
24             stu1.setText("xingoo");
25             {
26                 TreeItem info1 = new TreeItem(stu1,SWT.NONE);
27                 info1.setText("age:25");
28                 
29                 TreeItem info2 = new TreeItem(stu1,SWT.NONE);
30                 info2.setText("tel:12345");
31             }
32             TreeItem stu2 = new TreeItem(tree,SWT.NONE);
33             stu2.setText("halo");
34             {
35                 TreeItem info3 = new TreeItem(stu2,SWT.NONE);
36                 info3.setText("age:25");
37                 
38                 TreeItem info4 = new TreeItem(stu2,SWT.NONE);
39                 info4.setText("tel:67890");
40             }
41             
42             tree.addSelectionListener(new SelectionAdapter() {
43                 public void widgetSelected(SelectionEvent evt){
44                     TableItem item = new TableItem(table,SWT.NONE);
45                     item.setText(new String[]{tree.getSelection()[0].toString(),tree.getSelection()[0].getText()});
46                 }
47             });
48         }
49         Group tableGroup = new Group(compsoite1,SWT.NONE);
50         tableGroup.setText("Table");
51         GridData gd = new GridData(GridData.FILL_BOTH);
52         gd.heightHint = 20;
53         tableGroup.setLayoutData(gd);
54         tableGroup.setLayout(new GridLayout(1,false));
55         {    //创建一个单选的，有边界的，一行全选的表格
56             table = new Table(tableGroup,SWT.SINGLE | SWT.BORDER | SWT.FULL_SELECTION);
57             table.setHeaderVisible(true);//设置表头可见
58             table.setLinesVisible(true);//设置线条可见
59             table.setLayoutData(new GridData(GridData.FILL_BOTH));
60             
61             TableColumn column1 = new TableColumn(table,SWT.NULL);
62             column1.setText("Tree Item");
63             column1.pack();
64             column1.setWidth(150);
65             
66             TableColumn column2 = new TableColumn(table,SWT.NULL);
67             column2.setText("Parent");
68             column2.pack();
69             column2.setWidth(150);    
70         }
71         
72         
73         TabItem tabItem2 = new TabItem(tabFolder,SWT.NONE);
74         tabItem2.setText("第二页");
75     }

　　全部源码

package com.xingoo.plugin.swttest.test;

import javax.swing.text.StyleConstants.ColorConstants;

import org.eclipse.swt.SWT;
import org.eclipse.swt.events.SelectionAdapter;
import org.eclipse.swt.events.SelectionEvent;
import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Group;
import org.eclipse.swt.widgets.Shell;
import org.eclipse.swt.widgets.TabFolder;
import org.eclipse.swt.widgets.TabItem;
import org.eclipse.swt.widgets.Table;
import org.eclipse.swt.widgets.TableColumn;
import org.eclipse.swt.widgets.TableItem;
import org.eclipse.swt.widgets.Tree;
import org.eclipse.swt.widgets.TreeItem;

import com.xingoo.plugin.swttest.Abstract.AbstractExample;

public class Test1 extends AbstractExample{
    private Table table;
    private Tree tree;
    public static void main(String[] args) {
        new Test1().run();
    }
    
    public void todo(Shell shell) {
        TabFolder tabFolder = new TabFolder(shell,SWT.BORDER);
        
        TabItem tabItem1 = new TabItem(tabFolder,SWT.NONE);
        tabItem1.setText("第一页");
        
        Composite compsoite1 = new Composite(tabFolder,SWT.NONE);
        tabItem1.setControl(compsoite1);
        
        GridLayout layout = new GridLayout();
        layout.numColumns = 1;
        compsoite1.setLayout(layout);
        Group treeGroup = new Group(compsoite1,SWT.NONE);
        treeGroup.setText("Tree");
        GridData griddata = new GridData(GridData.FILL_BOTH);
        griddata.heightHint = 50;
        treeGroup.setLayoutData(griddata);
        treeGroup.setLayout(new GridLayout(1,false));
        {
            tree = new Tree(treeGroup,SWT.SINGLE);
            tree.setLayoutData(new GridData(GridData.FILL_BOTH));
            
            TreeItem stu1 = new TreeItem(tree,SWT.NONE);
            stu1.setText("xingoo");
            {
                TreeItem info1 = new TreeItem(stu1,SWT.NONE);
                info1.setText("age:25");
                
                TreeItem info2 = new TreeItem(stu1,SWT.NONE);
                info2.setText("tel:12345");
            }
            TreeItem stu2 = new TreeItem(tree,SWT.NONE);
            stu2.setText("halo");
            {
                TreeItem info3 = new TreeItem(stu2,SWT.NONE);
                info3.setText("age:25");
                
                TreeItem info4 = new TreeItem(stu2,SWT.NONE);
                info4.setText("tel:67890");
            }
            
            tree.addSelectionListener(new SelectionAdapter() {
                public void widgetSelected(SelectionEvent evt){
                    TableItem item = new TableItem(table,SWT.NONE);
                    item.setText(new String[]{tree.getSelection()[0].toString(),tree.getSelection()[0].getText()});
                }
            });
        }
        Group tableGroup = new Group(compsoite1,SWT.NONE);
        tableGroup.setText("Table");
        GridData gd = new GridData(GridData.FILL_BOTH);
        gd.heightHint = 20;
        tableGroup.setLayoutData(gd);
        tableGroup.setLayout(new GridLayout(1,false));
        {    //创建一个单选的，有边界的，一行全选的表格
            table = new Table(tableGroup,SWT.SINGLE | SWT.BORDER | SWT.FULL_SELECTION);
            table.setHeaderVisible(true);//设置表头可见
            table.setLinesVisible(true);//设置线条可见
            table.setLayoutData(new GridData(GridData.FILL_BOTH));
            
            TableColumn column1 = new TableColumn(table,SWT.NULL);
            column1.setText("Tree Item");
            column1.pack();
            column1.setWidth(150);
            
            TableColumn column2 = new TableColumn(table,SWT.NULL);
            column2.setText("Parent");
            column2.pack();
            column2.setWidth(150);    
        }
        
        
        TabItem tabItem2 = new TabItem(tabFolder,SWT.NONE);
        tabItem2.setText("第二页");
    }
}

View Code

　　引用的抽象类

package com.xingoo.plugin.swttest.Abstract;

import org.eclipse.swt.layout.FillLayout;
import org.eclipse.swt.widgets.Display;
import org.eclipse.swt.widgets.Shell;

public abstract class AbstractExample{
    public void run(){
        Display display = new Display();
        Shell shell = new Shell(display);
        shell.setText("shell example");
        shell.setBounds(200,200,400,400);
        shell.setLayout(new FillLayout());
        todo(shell);
        shell.open();
        
        while(!shell.isDisposed()){
            if(!display.readAndDispatch())
                display.sleep();
        }
        //dispose the resource
        display.beep();
        display.dispose();
    }
    public abstract void todo(Shell shell);//extension something here
}

View Code