Qt 是目前最先進、最完整的跨平臺C++開發工具。它不僅完全實現了一次編寫，所有平臺無差別運行，更提供了幾乎所有開發過程中需要用到的工具。如今，Qt已被運用于超過70個行業、數千家企業，支持數百萬設備及應用。

滑動條示例展示了如何使用Qt中可用的不同類型的滑動條：, 和 。

Qt提供了三種類似滑動條的小部件：QSlider、QScrollBar和QDial，它們都繼承了QAbstractSlider的大部分功能，并且理論上可以在應用程序中相互替換，因為差異只涉及它們的外觀和樣式。這個例子展示了它們是什么樣子的，它們是如何工作的，以及如何通過它們的屬性來操縱它們的操作和外觀。

Qt技術交流群：166830288      歡迎一起進群討論

本示例還演示了如何使用信號和槽來同步兩個或多個小部件的操作，以及如何覆蓋resizeEvent()來實現響應式布局。

在上文中（點擊這里回顧>>），我們主要為大家介紹了Window類定義、Window類實現等，本文將繼續介紹SlidersGroup類的定義和實現。

SlidersGroup類定義

class SlidersGroup : public QGroupBox
{
Q_OBJECT

public:
SlidersGroup(const QString &title, QWidget *parent = nullptr);

signals:
void valueChanged(int value);

public slots:
void setValue(int value);
void setMinimum(int value);
void setMaximum(int value);
void invertAppearance(bool invert);
void invertKeyBindings(bool invert);
void setOrientation(Qt::Orientation orientation);

private:
QSlider *slider;
QScrollBar *scrollBar;
QDial *dial;
QBoxLayout *slidersLayout;
};

SlidersGroup類繼承自，它提供了一個框架和一個標題，并包含一個、一個 和一個。

我們提供了一個valueChanged()信號和一個公共setValue()槽，其功能與QAbstractSlider和QSpinBox中的相同。此外，我們還實現了其他幾個公共槽來設置最小值和最大值，并反轉滑塊小部件的外觀以及鍵綁定，并設置方向。

SlidersGroup類實現

SlidersGroup::SlidersGroup(const QString &title, QWidget *parent)
: QGroupBox(title, parent)
{
slider = new QSlider;
slider->setFocusPolicy(Qt::StrongFocus);
slider->setTickPosition(QSlider::TicksBothSides);
slider->setTickInterval(10);
slider->setSingleStep(1);

scrollBar = new QScrollBar;
scrollBar->setFocusPolicy(Qt::StrongFocus);

dial = new QDial;
dial->setFocusPolicy(Qt::StrongFocus);

首先我們創建具有適當屬性的類似滑塊的小部件，我們為每個小部件設置焦點策略。是一個枚舉類型，它定義了小部件在獲取鍵盤焦點方面可以具有的各種策略，策略意味著小部件通過tab和click來接受焦點。

connect(slider, &QSlider::valueChanged, scrollBar, &QScrollBar::setValue);
connect(scrollBar, &QScrollBar::valueChanged, dial, &QDial::setValue);
connect(dial, &QDial::valueChanged, slider, &QSlider::setValue);
connect(dial, &QDial::valueChanged, this, &SlidersGroup::valueChanged);

然后我們將這些小部件彼此連接起來，這樣當其中一個小部件的當前值發生變化時，它們將保持同步。

將dial的valueChanged()信號連接到SlidersGroup的valueChanged()信號，來將更改的值通知應用程序中的其他小部件(即控件小部件)。

slidersLayout = new QBoxLayout(QBoxLayout::LeftToRight);
slidersLayout->addWidget(slider);
slidersLayout->addWidget(scrollBar);
slidersLayout->addWidget(dial);
setLayout(slidersLayout);
}

最后為組框內的滑塊小部件創建布局，從滑塊的水平排列開始。

void SlidersGroup::setValue(int value)
{
slider->setValue(value);
}

setValue()槽設置QSlider的值，我們不需要在QScrollBar和QDial小部件上顯式地調用setValue()，因為QSlider將在其值發生變化時發出valueChanged()信號，從而觸發多米諾骨牌效應。

void SlidersGroup::setMinimum(int value)
{
slider->setMinimum(value);
scrollBar->setMinimum(value);
dial->setMinimum(value);
}

void SlidersGroup::setMaximum(int value)
{
slider->setMaximum(value);
scrollBar->setMaximum(value);
dial->setMaximum(value);
}

setMinimum()和setMaximum()槽被Window類用來設置QSlider、QScrollBar和QDial小部件的范圍。

void SlidersGroup::invertAppearance(bool invert)
{
slider->setInvertedAppearance(invert);
scrollBar->setInvertedAppearance(invert);
dial->setInvertedAppearance(invert);
}

void SlidersGroup::invertKeyBindings(bool invert)
{
slider->setInvertedControls(invert);
scrollBar->setInvertedControls(invert);
dial->setInvertedControls(invert);
}

invertAppearance()和invertKeyBindings()插槽控制子部件的和屬性。

void SlidersGroup::setOrientation(Qt::Orientation orientation)
{
slidersLayout->setDirection(orientation == Qt::Horizontal
? QBoxLayout::TopToBottom
: QBoxLayout::LeftToRight);
scrollBar->setOrientation(orientation);
slider->setOrientation(orientation);
}

setOrientation()插槽控制布局的方向和滑塊的方向，在水平組中，滑塊具有水平方向，并且彼此堆疊在一起。在垂直組中，滑塊具有垂直方向，并且彼此相鄰布局。

Qt Widget組件推薦

• QtitanRibbon - Ribbon UI組件：是一款遵循Microsoft Ribbon UI Paradigm for Qt技術的Ribbon UI組件，QtitanRibbon致力于為Windows、Linux和Mac OS X提供功能完整的Ribbon組件。
• QtitanChart - Qt類圖表組件：是一個C ++庫，代表一組控件，這些控件使您可以快速地為應用程序提供漂亮而豐富的圖表。
• QtitanDataGrid - Qt網格組件：提供了一套完整的標準 QTableView 函數和傳統組件無法實現的獨特功能。使您能夠將不同來源的各類數據加載到一個快速、靈活且功能強大的可編輯網格中，支持排序、分組、報告、創建帶狀列、拖放按鈕和許多其他方便的功能。
• QtitanDocking：允許您像 Visual Studio 一樣為您的偉大應用程序配備可停靠面板和可停靠工具欄。黑色、白色、藍色調色板完全支持 Visual Studio 2019 主題！