簡介

Qt的視窗部件按使用者的習慣來處理鍵盤焦點。也就是說，其出發點是使用者的焦點能定向到任何一個視窗，或者視窗中任何一個部件。

焦點獲取方式比較多，例如：滑鼠點選、Tab鍵切換、快捷鍵、滑鼠滾輪等。

習慣性的，我們經常會使用Tab鍵來控制焦點順序，比如：使用者註冊時，個人資訊輸入框焦點的切換、執行按鈕焦點的切換等。

• 簡介
• 效果
• 實現方式
• 原始碼

效果

實現方式

介面說明：

static void QWidget::setTabOrder(QWidget * first, QWidget * second)

Puts the second widget after the first widget in the focus order.

也就是說，按下Tan鍵後，焦點會從第一個控制元件切換到第二個控制元件。

注意，如果第二個控制元件Tab順序改變，則應該這樣設定一個順序鏈：

//設定a、b、c、d順序
setTabOrder(a, b);  //a->b
setTabOrder(b, c);  //a->b->c
setTabOrder(c, d);  //a->b->c->d

而不是這樣：

//錯誤
setTabOrder(c, d);  // c->d
setTabOrder(a, b);  // a->b 和 c->d
setTabOrder(b, c);  // a->b->c, 但不是c->d
 

原始碼

這裡以三個按鈕如三個輸入框為例，來說明Tab的順序。

設定獲取焦點時的樣式，以便我們更清楚的觀看效果。

QPushButton *pButton1 = new QPushButton(this);
QPushButton *pButton2 = new QPushButton(this);
QPushButton *pButton3 = new QPushButton(this);

QLineEdit *pLineEdit1 = new QLineEdit(this);
QLineEdit *pLineEdit2 = new QLineEdit(this);
QLineEdit *
 
pLineEdit3 = new QLineEdit(this);

pButton1->setText("1");
pButton2->setText("3");
pButton3->setText("5");

pLineEdit1->setText("6");
pLineEdit2->setText("4");
pLineEdit3->setText("2");

pButton1->setStyleSheet("QPushButton:focus{border:none; background: green; color: white;}");
pButton2->setStyleSheet("QPushButton:focus{border:none; background: green; color: white;}");
pButton3->setStyleSheet("QPushButton:focus{border:none; background: green; color: white;}");

pLineEdit1->setStyleSheet("QLineEdit:focus{border:2px solid green;}");
pLineEdit2->setStyleSheet("QLineEdit:focus{border:2px solid green;}");
pLineEdit3->setStyleSheet("QLineEdit:focus{border:2px solid green;}");

QWidget::setTabOrder(pButton1, pLineEdit3);
QWidget::setTabOrder(pLineEdit3, pButton2);
QWidget::setTabOrder(pButton2, pLineEdit2);
QWidget::setTabOrder(pLineEdit2, pButton3);
QWidget::setTabOrder(pButton3, pLineEdit1);

就這樣，簡簡單單的一個介面解決了我們的問題。有興趣的小夥伴可以看下focusNextChild。