使用别名和C ++集成在.qml中实现.ui文件的逻辑

Question

我正在尝试将C ++类与QML连接，但无法在单独的qml文件中实现该逻辑。 当我直接在ui.qml文件中添加功能时，它可以工作，但出现警告：

Qt Quick UI表单不支持功能

我曾尝试使用别名，但由于某种原因，它无法正常工作。 这是代码：

ReasonsForm.ui.qml：

import QtQuick 2.4
//import io.qt.UserDataProvider 1.0

MenuPage {
id: reasonsPage
property alias myReasons: myReasons

title: qsTrId("reasons")

Description {
    id: reasonsText
    text: qsTrId("reasons-text")
    anchors.bottomMargin: 150
}

//UserDataProvider{id:dataProvider}

MenuTextArea {
    id: myReasons
    text: qsTrId("aa")
    anchors.horizontalCenter: reasonsText.horizontalCenter
    anchors.top: reasonsText.bottom
    width: reasonsText.width
    //this actually works despite the warnings
    //onEditingFinished: dataProvider.saveInput("myReasons", text) 
}

ReasonsForm.qml：

import QtQuick 2.4
import io.qt.UserDataProvider 1.0

ReasonsForm {
    UserDataProvider{id:dataProvider}

    myReasons{
        onEditingFinished: dataProvider.saveInput("myReasons", text)
    }
}

编译器没有任何抱怨，但是dataProvider的方法根本没有被调用。 任何帮助深表感谢。

编辑：我找到了一种解决方法，但它仍然没有解释为什么代码不起作用。 在没有qml文件的情况下使其正常工作的方法是添加

Connections {   
        target: myReasons
        onEditingFinished: dataProvider.saveInput("myReasons", myReasons.text)
    }

到ui文件。 我想将逻辑与ui分开。

编辑II：我误会了什么吗？ 别名似乎对我根本不起作用。 这是一个简单的示例，该示例不执行任何操作（该按钮不执行任何操作）：

Answer 1

这是在QML中使用C ++的完整示例。 main.qml

import QtQuick 2.12
import QtQuick.Window 2.12
import Proxy 1.0

Window {
   visible: true
   width: 640
   height: 480
   title: qsTr("Hello World")

   Proxy {
      id : proxy
   }

   Component.onCompleted: {
      var test = "Hello C++ from QML";
      proxy.call( test );
   }
}

proxy.h

#ifndef _proxy_h_
#define _proxy_h_

#include <QObject>
#include <QVariant>

class Proxy : public QObject
{
   Q_OBJECT

public :
   Proxy();
   virtual ~Proxy() {}

   Q_INVOKABLE void call( QVariant );
};

#endif

proxy.cpp

#include "proxy.h"
#include <QGuiApplication>
#include <QQmlEngine>

Proxy::Proxy() {}

void Proxy::call( QVariant in )
{
   qInfo("C++ : %s", in.toString().toStdString().c_str());
}

static void registerProxy()
{
   qmlRegisterType<Proxy>("Proxy", 1, 0, "Proxy");
}

Q_COREAPP_STARTUP_FUNCTION(registerProxy);

的CMakeLists.txt

cmake_minimum_required(VERSION 3.1)

project(test_proxy LANGUAGES CXX)

set(CMAKE_INCLUDE_CURRENT_DIR ON)
set(CMAKE_AUTOMOC ON)
set(CMAKE_AUTORCC ON)
set(CMAKE_CXX_STANDARD 11)
set(CMAKE_CXX_STANDARD_REQUIRED ON)

find_package(Qt5 COMPONENTS Core Quick REQUIRED)

add_executable(${PROJECT_NAME} "main.cpp" "qml.qrc" proxy/proxy.h proxy/proxy.cpp )
target_compile_definitions(${PROJECT_NAME} PRIVATE $<$<OR:$<CONFIG:Debug>,$<CONFIG:RelWithDebInfo>>:QT_QML_DEBUG>)
target_link_libraries(${PROJECT_NAME} PRIVATE Qt5::Core Qt5::Quick)

Answer 2

毕竟我能够解决它。 问题是我假设拥有ui.qml和.qml文件时，它们已经连接了（nameForm.ui.qml和name.qml）。 需要做的是使用.qml文件显示元素并将.ui.qml放入其中，因此，我需要做的就是在需要UI内容的位置显示/包含ReasonsForm.qml文件。文件也是如此，因为ui已经在qml中显示为：

ReasonsForm {...

我正在显示ReasonsForm.ui.qml假设这是图形界面，应该用作在main.qml或堆栈布局中显示的主要元素，而ReasonsForm.qml只是其他逻辑。 但是，首先需要显示的是qml。