使用QT中的箭头在小部件之间导航

Question

我正在使用QT开发UI。ui很简单，它像IPhone或Android一样基于应用程序。假设有9个项目(3行x 3列)。

我想做的是使用箭头键在小部件之间导航。如果焦点在[第1行，第1列]，并且我按下向下箭头，我希望它转到[第2行，第1]列另一个例子。如果焦点在[第2行，第3列]，并且我按下向上箭头，我希望它转到[第1行，第三列]

但当前的行为是向上和向右总是转到下一个小部件，向下和向左总是转到上一个小组件。

有什么方法可以在qt中做到这一点吗？或者我需要创建一些算法来实现这一点？

感谢

Answer 1

UPDATE：最后看到一个惊人的例子。

基本的Widget焦点导航从以下开始：

http://qt-project.org/doc/qt-4.8/focus.html

使用QTableView:可以轻松进行箭头导航

http://qt-project.org/doc/qt-4.8/qtableview.html#navigation

如果您可以让小部件在QTableView的结构中工作，那么您不需要实现它，它是包装器/视图小部件的一部分。

http://qt-project.org/doc/qt-4.8/qtablewidget.html#details

http://qt-project.org/doc/qt-4.8/model-view-programming.html

模型视图编程确实有一个学习曲线，但值得学习和使用。

但这绝不是实现这一目标的唯一途径。

在不使用QTableView或QTableWidget的情况下，可以利用事件过滤器、关键事件和焦点事件来实现这一壮举。但要想在不让它看起来一团糟的情况下找到最好的方法可能需要一些时间。

http://qt-project.org/doc/qt-4.8/qcoreapplication.html#notify

http://doc.qt.digia.com/qq/qq11-events.html

http://qt-project.org/doc/qt-4.8/eventsandfilters.html

http://qt-project.org/doc/qt-4.8/qkeyevent.html#details

http://qt-project.org/doc/qt-4.8/qfocusevent.html

关键事件设置为具有焦点的项，如果它们忽略事件，则会传播到其父项。因此，只要表/网格中的项目忽略了与箭头键有关的关键事件，那么您就可以让父窗口小部件侦听关键事件并适当地处理它们。

http://qt-project.org/doc/qt-4.8/qt.html#Key-枚举

http://qt-project.org/doc/qt-4.8/qt.html#FocusReason-枚举

http://qt-project.org/doc/qt-4.8/qwidget.html#setFocus

http://qt-project.org/doc/qt-4.8/qapplication.html#focusWidget

希望能有所帮助。

编辑：QGraphicsView中你想做的事情的完整工作示例：

Qt Creator > Welcome tab > Examples > Pad Navigator Example

http://qt-project.org/doc/qt-4.8/graphicsview-padnavigator.html

以下是示例中的相关代码：

// Enable key navigation using state transitions
for (int y = 0; y < rows; ++y) {
for (int x = 0; x < columns; ++x) {
QState *state = stateGrid[y][x];
QKeyEventTransition *rightTransition = new QKeyEventTransition(this, QEvent::KeyPress,
 Qt::Key_Right, state);
QKeyEventTransition *leftTransition = new QKeyEventTransition(this, QEvent::KeyPress,
Qt::Key_Left, state);
QKeyEventTransition *downTransition = new QKeyEventTransition(this, QEvent::KeyPress,
Qt::Key_Down, state);
QKeyEventTransition *upTransition = new QKeyEventTransition(this, QEvent::KeyPress,
Qt::Key_Up, state);
rightTransition->setTargetState(stateGrid[y][(x + 1) % columns]);
leftTransition->setTargetState(stateGrid[y][((x - 1) + columns) % columns]);
downTransition->setTargetState(stateGrid[(y + 1) % rows][x]);
upTransition->setTargetState(stateGrid[((y - 1) + rows) % rows][x]);

编辑：使用QShortcuts和一个QGridLayout以及一堆QPushButtons的惊人示例：

小工具.cpp

#include "widget.h"
#include <QPushButton>
#include <QApplication>
#include <QShortcut>
Widget::Widget(QWidget *parent)
: QWidget(parent)
{
m_grid = new QGridLayout;
for(int r = 0; r < 10; r++)
{
for(int c = 0; c < 10; c++)
{
m_grid->addWidget(new QPushButton("Row " + QString::number(r)
+ ", Col " + QString::number(c)),
r, c);
}
}
this->setLayout(m_grid);
m_grid->itemAtPosition(1, 1)->widget()->setFocus();
this->setStyleSheet("QPushButton::focus{ background: black; color: white;}");
// only works for in Qt for Embedded Linux, Symbian and Windows CE only.
//    QApplication::setNavigationMode(Qt::NavigationModeKeypadDirectional);
QShortcut * shortcut;
shortcut = new QShortcut(QKeySequence(Qt::Key_Up),this,
SLOT(on_up()));
shortcut = new QShortcut(QKeySequence(Qt::Key_Down),this,
SLOT(on_down()));
shortcut = new QShortcut(QKeySequence(Qt::Key_Left),this,
SLOT(on_left()));
shortcut = new QShortcut(QKeySequence(Qt::Key_Right),this,
SLOT(on_right()));
}
void Widget::on_up()
{
moveFocus(0, -1);
}
void Widget::on_down()
{
moveFocus(0, 1);
}
void Widget::on_left()
{
moveFocus(-1, 0);
}
void Widget::on_right()
{
moveFocus(1, 0);
}
void Widget::moveFocus(int dx, int dy)
{
if(qApp->focusWidget() == 0)
return;
int idx = m_grid->indexOf(qApp->focusWidget());
if(idx == -1)
return;
int r, c, rowSpan, colSpan;
m_grid->getItemPosition(idx, &r, &c, &rowSpan, &colSpan);
QLayoutItem* layoutItem = m_grid->itemAtPosition(r + dy, c + dx);
if(layoutItem == 0)
return;
layoutItem->widget()->setFocus();
}
Widget::~Widget()
{
}

widget.h

#ifndef WIDGET_H
#define WIDGET_H
#include <QWidget>
#include <QGridLayout>
class Widget : public QWidget
{
Q_OBJECT
public:
Widget(QWidget *parent = 0);
~Widget();
QGridLayout * m_grid;
public slots:
void on_up();
void on_down();
void on_left();
void on_right();
void moveFocus(int dx, int dy);
};
#endif // WIDGET_H

main.cpp

#include "widget.h"
#include <QApplication>
int main(int argc, char *argv[])
{
QApplication a(argc, argv);
Widget w;
w.show();
return a.exec();
}

Answer 2

若要启用键盘导航，请使用定义的Qt_keypad_NAMEVIGATION构建Qt。https://het.as.utexas.edu/HET/Software/html/qapplication.html#keypadNavigationEnabled