1

我有这个使用 QStatemachine 来管理 UI 的 Projekt，我想在其中添加自定义列表。UI 应该只由关键事件操作。据我了解，我需要 qml 端的 ListView 。

ListView 的委托只对鼠标输入或直接键输入做出反应。但是我使用 C++ 中的 QStatemachine 来操作它，因为它正在处理 UI 的所有关键事件。当我按下右箭头键时，我想要发生的事情是将列表向左移动。
（currentItem 总是在屏幕中间。）

这是 lisfview 的初始状态

在此处输入图像描述

所以我的 ListView 目前看起来像这样。

Component {
            id:myDelegation
            Item {
               x: 50
               width: 80
               height: 60
               Rectangle {
                  width: 60
                  height: 60

                  Text {
                    text: name
                    anchors.centerIn: parent
                  }

                  color: parent.ListView.isCurrentItem ? "red" : "steelblue";
                  scale: parent.ListView.isCurrentItem ? 1.5 : 1;
              }

          }
        }


        ListView {
            id: listView1
            x: 0
            y: 50
            width: 1920
            height: 214
            orientation: ListView.Horizontal
            spacing: 4
            model: TileList{}
            delegate: myDelegation
            preferredHighlightBegin: width / 2 - 10
            preferredHighlightEnd: width / 2 + 10
            highlightRangeMode: ListView.StrictlyEnforceRange
        }

c++ Statemachine 是一个 QStatemachine，它向 qml 发送信号。

如何将信号绑定到 Listview 的委托？

4

2 回答 2

2

最简单的方法是让状态机设置“currentIndex”

一个常见的模式是有一个在 QML 和 QStateMachine 之间桥接的接口对象

class StateInterface : public QObject
{
    Q_OBJECT
    Q_PROPERTY(int currentIndex MEMBER m_currentIndex NOTIFY currentIndexChanged)

public:
    explicit StateInterface(QObject *parent = 0);

signals:
    void currentIndexChanged() const;

private:
    int m_currentIndex;
};

该对象的一个​​实例通过“上下文属性”机制暴露给 QML

StateInterface stateInterface;
qmlEngine->rootContext()->setContextProperty("_stateInterface", &stateInterface);

并根据需要在QML中使用

ListView {
    currentIndex: _stateInterface.currentIndex
}

使用QStateMachine相同的stateInterface对象作为状态属性分配的目标

QState *beginState = new QState(stateMachine);
beginState->assignProperty(&stateInterface, "currentIndex", 0);
// and so on.

StateInterface 对象还可以提供 QML 使用的槽来影响状态更改。例如

public slots:
    void triggerReset() { emit trigger reset(); }

signals:
    void reset();

QStateMachine例如，罐子会对这些信号做出反应，将信号转换为beginState

总结一下这项技术：

  1. 控制QStateMachine应用程序状态
  2. QML 感兴趣的所有状态数据都通过一个或多个接口对象公开
  3. QML 端以一种很好的、​​声明性的方式使用状态数据，就像它自己处理状态一样
于 2016-12-18T12:42:59.787 回答
1

第一步 - 将状态机公开为上下文属性，使其对 qml 可见：

engine.rootContext()->setContextProperty("SM", stateMachinePtr);

第二步——使用一个Connections元素建立连接：

Connections {
  target: SM
  onSomeSignal: doSomeStuff()
}
于 2016-12-17T16:44:03.787 回答