QT開發（六）——QT容器元件

    QT中有九種容器元件，分別是組合框QGroupBox、滾動區QScrollArea、工具箱QToolBox、選項卡QTabWidget、控制元件棧QWidgetStack、框架QFrame、元件QWidget、MDI視窗顯示區QMdiArea、停靠視窗QDockWidget。

一、QGroupBox分組框

1、QGroupBox元件簡介

    QGroupBox為構建分組框提供了支援。分組框通常帶有一個邊框和一個標題欄，作為容器部件來使用，在其中可以佈置各種視窗部件。分組框的標題通常在上方顯示，其位置可以設定為靠左、居中、靠右、自動調整這幾種方式之一。位於分組框之中的視窗部件可以獲得應用程式的焦點，位於分組框之內的視窗部件是分組框的子視窗，通常使用

addWidget()方法把子視窗部件加入到分組框之中。

2、QGroupBox元件屬性

    QGroupBox元件屬性設定選項：

    A、name：元件對應原始碼中的名稱

    B、title：元件對應圖形介面中所顯示的名稱

    C、font：設定title的字型

3、QGroupBox分組框成員函式

    void setChecked ( bool checked )

        設定QGroupBox使能

    void setTitle ( const QString & title )

        設定組合框的標題文字

4、QGroupBox例項

#include <QtGui/QApplication>#include <QDialog>#include <QVBoxLayout>#include <QGroupBox>#include <QRadioButton>#include <QCheckBox>int main(int argc, char *argv[]){    QApplication a(argc, argv);    QDialog w;    QGroupBox *group = new QGroupBox("option");    group->setCheckable(true);    group->setChecked(true);    QRadioButton *radio1 = new QRadioButton("banana");    QRadioButton *radio2 = new QRadioButton("pear");    QRadioButton *radio3 = new QRadioButton("apple");    radio1->setChecked(true);    QCheckBox *check = new QCheckBox("rice");    check->setChecked(true);    QVBoxLayout *vbox = new QVBoxLayout;    vbox->addWidget(radio1);    vbox->addWidget(radio2);    vbox->addWidget(radio3);    vbox->addWidget(check);    group->setLayout(vbox);    w.setLayout(vbox);    w.show();        return a.exec();}
 

二、QScrollArea滾動區

1、QScrollArea元件簡介

    QScrollArea滾動區元件用來顯示子控制元件的內容的框架，如果子控制元件的尺寸超過了框架的大小，可以使用滾動條，方便檢視整個子控制元件。QScrollArea 可以給任何QWidget新增滾動條，但一般自定義窗體新增滾動條不顯示。

2、QScrollArea元件屬性

    QScrollArea元件屬性設定選項：

    A、name：同上

 B、font：設定文字框的字型

3、QScrollArea元件常用成員函式

QScrollArea：：QScrollArea（QWidget *parent = 0）

構造一個父物件為parent的ScrollArea

void QScrollArea：：setWidget（QWidget *widget）

設定控制元件widget為QScrollArea元件的子控制元件

QWidget *SCrollArea：：takeWidget（）

刪除QScrollArea的子控制元件

 QWidget *QScrollArea：：widget（）const

返回QScrollArea的子控制元件

4、QScrollArea例項

#include <QtGui/QApplication>#include <QLabel>#include <QImage>#include <QScrollArea>#include <QHBoxLayout>int main(int argc, char *argv[]){    QApplication a(argc, argv);    QWidget w;    QLabel *label = new QLabel(&w);    QImage image("D:\\QT\\ScrollArea\\1.jpg");    QHBoxLayout *lay=new QHBoxLayout(&w);    label->setPixmap(QPixmap::fromImage(image));    //建立滾動區，    QScrollArea *scrollarea = new QScrollArea(&w);    //將Widget元件加入滾動區    scrollarea->setWidget(label);    //自動改變滾動區大小    scrollarea->setWidgetResizable(1);    //設定滾動區背景顏色    scrollarea->setBackgroundRole(QPalette::Dark);    lay->addWidget(scrollarea);    w.setLayout(lay);    w.show();    return a.exec();}

三、QToolBox工具箱

1、QToolBox元件簡介

    QToolBox提供了一系列的頁和隔間，就像Qt Creator中的工具箱一樣。

2、QToolBox元件屬性

    QToolBox元件屬性設定選項

    A、name：同上

    B、font：同上

    C、currentIndex：當前活動頁的索引

    D、itemLabel：當前活動頁的標籤

    E、itemName：當前活動頁的名稱

    F、itemBackgroundModel：當前活動頁的背景模式

3、QToolBox元件常用成員函式

QToolBox：：QToolBox（QWidget *parent = 0，const char *name = 0，QFlags f = 0）

構造一個名稱為name，父物件為parent和標誌位f的ToolBox

int QToolBox（QWidget *item，const QIconSet &iconSet，const QString &label）

增加一個item到ToolBox的底部，新增加的item的標籤的文字是label，標籤的圖示是iconSet

int QToolBox（QWidget *item，const QString &label）

增加一個item到ToolBox底部，新增加的item的標籤文字是label

int ToolBox：：count（）const

返回工具箱中item數目

int ToolBox：：currentIndex（）const

返回當前活動item的索引

QWidget *QToolBox：：currentItem（）const

返回當前活動item，如果該ToolBox為空，返回0

int ToolBox：：indexof（QWidget *item）const

返回item的索引

int QToolBox：：insertItem（int index，QWidget *item，const QIconSet &iconSet，const QString &label）

在索引index處插入一個新的專案，專案是item，標籤圖示是iconSet，標籤文字時label，返回插入item的索引

int QToolBox：：insertItem（int index，QWidget *item，const QString &label）

在索引index處插入一個新的專案，專案的名稱是item，標籤文字是label，返回插入item的索引。

QWidget *QToolBox：：item（int index）const

返回索引為index位置的item

QString QToolBox：：itemLabel（int index）const

返回索引為index位置的標籤

int QToolBox：：RemoveItem（QWidget *item）

刪除ToolBox中的item的專案，刪除成功後返回item的索引，否則返回-1

void QToolBox：：setCurrentIndex（int index）

設定索引為index位置的專案為當前活動專案

void QToolBox：：setCurrentIndex（QWidget *item）

設定索引item為當前活動的專案

void QToolBox：：setItemLabel（int index，const QString &label）

設定label為索引index位置的專案的標籤文字

4、QToolBox例項

ToolBox.h檔案：

#ifndef TOOLBOX_H#define TOOLBOX_H#include <QToolBox>#include <QToolButton>#include <QGroupBox>#include <QVBoxLayout>class ToolBox : public QToolBox{    Q_OBJECTpublic:    explicit ToolBox(QWidget *parent = 0);private:    QToolButton *button1;    QToolButton *button2;    QToolButton *button3;    QToolButton *button11;    QToolButton *button12;};#endif // TOOLBOX_H

ToolBox.cpp檔案：

#include "ToolBox.h"ToolBox::ToolBox(QWidget *parent) :    QToolBox(parent){    setWindowTitle("ToolBox");    //***************水果*****************    button1 = new QToolButton;    button1->setText("apple");    button1->setAutoRaise(TRUE);    button1->setToolButtonStyle(Qt::ToolButtonFollowStyle);    button2 = new QToolButton;    button2->setText("banana");    button2->setAutoRaise(TRUE);    button2->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);    button3 = new QToolButton;    button3->setText("pear");    button3->setAutoRaise(TRUE);    button3->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);    //***************新增水果*****************    QGroupBox *group = new QGroupBox;    QVBoxLayout *layout = new QVBoxLayout(group);    layout->setMargin(10);    layout->setAlignment(Qt::AlignHCenter);    layout->addWidget(button1);    layout->addWidget(button2);    layout->addWidget(button3);    layout->addStretch();    //初始化電腦    button11 = new QToolButton;    button11->setText("HP");    button11->setAutoRaise(TRUE);    button11->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);    button12 = new QToolButton;    button12->setText("Lenovo");    button12->setAutoRaise(TRUE);    button12->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);    //***************新增電腦*****************    QGroupBox *group2 = new QGroupBox;    QVBoxLayout *layout2 = new QVBoxLayout(group2);    layout2->setMargin(10);    layout2->setAlignment(Qt::AlignHCenter);    layout2->addWidget(button11);    layout2->addWidget(button12);    layout2->addStretch();    this->addItem((QWidget*)group, "Fruits");    this->addItem((QWidget*)group2, "Computer");}

Main.cpp檔案：

#include<QtGui/QApplication>

#include"ToolBox.h"

intmain(intargc,char*argv[])

{

QApplicationa(argc,argv);

ToolBoxtoolbox;

toolbox.show();

returna.exec();

}

四、QTabWidget選項卡

1、QTabWidget選項卡元件簡介

    QTabWidget選項卡元件頂部或底部有一個標籤選項欄，每個標籤選項都有一個頁面，選擇哪個頁面，只需單擊對應的標籤即可，或按指定ALT+字母快捷鍵組合即可。

2、QTabWidget選項卡元件屬性

    QTabWidget切換卡元件屬性設定選項：

    A、name：同上

    B、currentPage：當前活動的頁面

    C、margin：頁面邊框的空白寬度，預設是0

    D、tabShap：標籤選項的模式

    E、pageName：當前活動頁的名稱

    F、pageTitle：當前活動也得標籤文字

3、QTabWidget選項卡元件常用成員函式

QTabWidget：：QTabWidget（QWidget *parent = 0，const char *name = 0，WFlags f = 0）

構造一個名稱為name、父物件為parent和標記為f的TabWidget

void QTabWidget：：addTab（QWidget *child，const QString &label）[virtual]

增加子頁到TabWidget，子頁控制元件是child，子頁標籤文字是label

void QTabWidget：：addTab（QWidget *child，const QIconSet &iconset，const QString &label）[virtual]

增加子頁到TabWidget，子頁控制元件是child，iconset是圖示，子頁標籤文字是label

QString QTabWidget：：tabLabel（QWidget *w）const

返回索引index處子頁的選項標籤文字

void QTabWidget：：changeTab（QWidget *w，const QString &label）

更改子頁w的標籤文字為label

void QTabWidget：：changeTab（QWidget *w，const QIconSet &iconset，const QString &label）

更改子頁w的圖示為iconset，和更改標籤文字為label

 int QTabWidget：：count（）const

返回該TabWidget中子頁的數目

QWidget *QTabWidget：：currentPage（）const

返回當前活動子頁

int QTabWidget：：currentPageIndex（）const

返回當前活動子頁的索引

int QTabWidget：：indexOf（QWidget *w）const

返回子頁w的索引

void QTabWidget：：insertTab（QWidget *child，const QString &label，int index = -1）[virtual]

在索引index處插入新的子頁，子頁控制元件是child，子頁標籤文字是label。在插入新的子頁時要確保插入的子頁名與標籤文字與TabWidget中的所有子頁不同，如果指定index就是在指定的位置插入，否則就和簡單地新增一樣。

void QTabWidget：：insetTab（QWidget *child，const QIconSet &iconset，const QString &label，int index = -1）[virtual]

在索引index處插入新的子頁，子頁控制元件是child，子頁標籤文字是label，子頁圖示為iconset

QString QTabWidget：：label（int index）const

返回索引index處子頁的選項標籤

QWidget *QTabWidget：：page（int index）const

返回索引index處子頁

void QTabWidget：：removePage（QWidget *w）[virtual slot]

刪除子頁w

void QTabWidget：：setCurrentPage（int index）[slot]

設定索引index處子頁為當前活動頁

void QTabWidget：：setTabLabel（QWidget *w，const QString &label）

設定子頁w的標籤文字為label

4、QTabWidget例項

#include <QtGui/QApplication>#include <QLabel>#include <QHBoxLayout>#include <QTabWidget>#include <QPushButton>int main(int argc, char *argv[]){    QApplication a(argc, argv);    QTabWidget *tab = new QTabWidget;    //第一頁    QWidget *w = new QWidget(tab);    QPushButton *button1 = new QPushButton("OK", w);    QPushButton *button2 = new QPushButton("NO", w);    QHBoxLayout *hlayout = new QHBoxLayout(w);    hlayout->addWidget(button1);    hlayout->addWidget(button2);    tab->addTab(w, "option1");    //第二頁    QLabel *label = new QLabel("QT", tab);    tab->addTab(label, "option2");    tab->setWindowTitle("QTabWidget");    tab->show();    return a.exec();}

五、QStackedWidget控制元件棧

1、QStackedWidget元件簡介

    QStackedWidget控制元件棧，可以使開發人員使用棧管理控制元件，像用棧管理其他資料型別一樣簡單。控制元件棧只顯示棧頂的控制元件，開發人員可以使用raiseWidget（）函式把棧中任何其他控制元件移到棧頂，從而實現控制元件之間的切換。

2、QStackedWidget控制元件棧屬性

    QStackedWidget控制元件棧屬性設定選項：

    A、name：同上

    B、currentPage：當前活動的頁面

    C、pageName：當前活動頁的名稱

    D、font：設定該控制元件內部文字的字型

3、QStackedWidget常用成員函式

QWidgetStack：：QWidgetStack（QWidget *parent = 0，const char * name = 0）

構造一個名稱為name，父物件為parent的WidgetStack

int QWidgetStack：：addWidget（QWidget *w，int id = -1）

把控制元件w新增到控制元件棧中，標識為id

int QWidgetStack：：id（QWidget *w）const

返回控制元件w的標識

void QWidgetStack：：raiseWidget（int id）[slot]

把標識為id的控制元件升到控制元件棧的棧頂

void QWidgetStack：：raiseWidget（QWidget *w）[slot]

把控制元件w升到控制元件的棧頂

void QWidgetStack：：removeWidget（QWidget *w）

把控制元件w從控制元件棧中刪除

QWidget *QWidgetStack：：widget（int id）const

返回標識為id的控制元件

4、QWidgetStack例項

#include <QtGui/QApplication>#include <QDialog>#include <QListWidget>#include <QStackedWidget>#include <QLabel>#include <QHBoxLayout>int main(int argc, char *argv[]){    QApplication a(argc, argv);    QDialog w;    w.setWindowTitle("StackedWidget");    //設定列表框    QListWidget *leftlist = new QListWidget(&w);    leftlist->insertItem(0, "window1");    leftlist->insertItem(1, "window2");    leftlist->insertItem(2, "window3");    //設定堆疊窗體    QLabel *label1 = new QLabel("WindowTest1\n\tby liming");    QLabel *label2 = new QLabel("WindowTest2\n\tby liming");    QLabel *label3 = new QLabel("WindowTest3\n\tby liming");    QStackedWidget *stack = new QStackedWidget(&w);    stack->addWidget(label1);    stack->addWidget(label2);    stack->addWidget(label3);    //設定主窗體佈局    QHBoxLayout *mainLayout = new QHBoxLayout(&w);    mainLayout->setMargin(5);    mainLayout->setSpacing(5);    mainLayout->addWidget(leftlist);    mainLayout->addWidget(stack,0,Qt::AlignHCenter);    mainLayout->setStretchFactor(leftlist,1);    mainLayout->setStretchFactor(stack,3);    w.connect(leftlist,SIGNAL(currentRowChanged(int)),stack,SLOT(setCurrentIndex(int)));    w.show();        return a.exec();}

六、QFrame框架

1、QFrame框架元件簡介

    QFrame類是有框架的視窗部件的基類,QFrame框架元件用來存放其他控制元件，也可用於裝飾，一般用來作為更加複雜容器的基礎，也可以用在form中作為佔用控制元件。

2、QFrame框架元件屬性

    QFrame框架元件屬性設定選項：

    A、name：同上

    B、ShapeframesShape：框架外形格式

    C、ShadowframesShadow：框架陰影格式

    D、frameWidth：框架的寬度（只讀）

    E、LineWidth：線寬

    QFrame::Shadow列舉值如下：

QFrame::Plain - 框架和內容看來和周圍一樣高

QFrame::Raised - 框架和內容看起來凸起

QFrame::Sunken - 框架和內容看起來凹陷

QFrame::MShadow - 內部的，對於陰影的掩碼

    QFrame::Shape列舉值如下：

NoFrame - QFrame不畫任何東西

Box - QFrame在它的內容周圍畫一個框

Panel - QFrame畫一個平板使內容看起來凸起或者凹陷

WinPanel - 像Panel，但QFrame繪製三維效果的方式和Microsoft Windows 一樣

HLine - QFrame繪製一個水平線，但沒有框任何東西（作為分隔是有用的）

VLine - QFrame繪製一個豎直線，但沒有框任何東西（作為分隔是有用的）

StyledPanel - QFrame呼叫QStyle::drawPanel()

3、QFrame框架常用成員函式

    QFrame：：QFrame（QWidget *parent = 0，const char *name = 0，WFlags f = 0）

構造一個框架風格為NoFrame並且1畫素框架寬度的框架視窗部件，如：QFrame *f = new（）；

4、QFrame例項

#include <QtGui/QApplication>#include <QLabel>#include <QHBoxLayout>#include <QTabWidget>#include <QPushButton>int main(int argc, char *argv[]){    QApplication a(argc, argv);    QWidget *win = new QWidget;    QLabel *label = new QLabel("Box");    QLabel *label1 = new QLabel("Panel");    QLabel *label2 = new QLabel("Winpanel");    QLabel *label3 = new QLabel("H line");    QLabel *label4 = new QLabel("V line");    QLabel *label5 = new QLabel("Styled Panel");    label->setFrameStyle(QFrame::Box | QFrame::Raised);    label->setLineWidth(2);    label1->setFrameStyle(QFrame::Panel | QFrame::Raised);    label1->setLineWidth(2);    label2->setFrameStyle(QFrame::WinPanel | QFrame::Raised);    label2->setLineWidth(2);    label3->setFrameStyle(QFrame::HLine | QFrame::Raised);    label3->setLineWidth(2);    label4->setFrameStyle(QFrame::VLine | QFrame::Raised);    label4->setLineWidth(2);    label5->setFrameStyle(QFrame::StyledPanel | QFrame::Sunken);    label5->setLineWidth(2);    QVBoxLayout *layout = new QVBoxLayout;    layout->addWidget(label);    layout->addWidget(label1);    layout->addWidget(label2);    layout->addWidget(label3);    layout->addWidget(label4);    layout->addWidget(label5);    win->setLayout(layout);    win->showMaximized();    return a.exec();}

七、QWidget元件

1、QWidget元件簡介

    QWidget類是所有使用者介面物件的基類,QWidget元件在建立時是不可見的,可以包含子控制元件，在刪除Widget時，子控制元件也一起刪除。

2、QWidget元件屬性

    QWidget元件屬性設定選項：

    A、name：同上

    B、font：設定錶盤上的字型

    C、cursor：設定滑鼠游標樣式

3、QWidget元件常用成員函式

QWidget：：QWidget（QWidget *parent = 0，const char *name = 0，WFlags f = 0）

構造一個名稱為name，父物件為parent的Widget

QWidget *QWidget：：childAt（int x，int y，bool includeThis = FALSE）const

返回該Widget座標系統中畫素位置（x，y）處的可視的子視窗部件

QWidget *QWidget：：childAt（const QPoint &p，bool includeThis = FALSE）const

返回該Widget座標系統位置p處的可視的子視窗部件

void QWidget：：drawText（int x，int y，const QString &str）

在該Widget座標系統中畫素位置（x，y）處繪製字串str

void QWidget：：drawText

相關推薦