【插件開發】—— 6 SWT 復雜控件使用以及布局

本文轉載自查看原文 2014-11-13 20:39 9420

前文回顧：

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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 下載Eclipse的SWT插件【Qt開發】布局控件之間的間距設置 webapck 插件HtmlWebpackPlugin的使用以及webpack 熱更新; react-native-fs插件的使用以及遇到的坑使用Eclipse進行SWT編程 ES快速開發，ElasticsearchRestTemplate基本使用以及ELK快速部署 Eclipse swt開發環境搭建 Android開發之基本控件和詳解四種布局方式移動端rem布局背景圖片使用以及sprite雪碧圖使用SWT Browser 部件瀏覽HTML頁面(上)