怎么实现Quick + Modal ，实现登录界面

changtj

[img]file:///C:\Users\changtj\AppData\Roaming\Tencent\Users\2992599419\QQ\WinTemp\RichOle\5@}(6$GK6{WR3[3XAU66[O0.png[/img]


哪位可以指导一下，第１４行设为　modal 第15行show 后，运行到了25行。本想实现的效果是运行到了１５行就不再往下执行了



想用QuickDialog，但发现２０行的qobject_cast转换失败，搜索了下quickdialog没有默认安装，需要再单独下载

1. main.cpp
   
2. 
   
3. #include <QApplication>
   
4. #include <QQmlApplicationEngine>
   
5. #include <QQuickView>
   
6. #include <QQuickItem>
   
7. #include <QDialog>
   
8. int main(int argc, char *argv[])
   
9. {
   
10.     QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
    
11.     QApplication app(argc, argv);
    
12. 
    
13.     QQuickView * pQuickView = new QQuickView();
    
14. 
    
15.     pQuickView->setSource(QUrl(QLatin1String("qrc:/login.qml")) );
    
16.     pQuickView->setModality(Qt::ApplicationModal );
    
17.     pQuickView->show();
    
18. 
    
19.     //QQuickItem * rootItem =   pQuickView->rootObject();
    
20.    // QObject * pObj = rootItem->findChild<QObject*>("dialogLogin");
    
21. 
    
22.     //QDialog *pQDialog = qobject_cast<QDialog *>(pObj);
    
23.    // pQDialog->exec();
    
24.     //QObject * pObj = rootItem->findChild<QObject*>("quitButton");
    
25. 
    
26. 
    
27.     QApplication::processEvents();
    
28. 
    
29.     QQmlApplicationEngine engine;
    
30.     engine.load(QUrl(QLatin1String("qrc:/main.qml")));
    
31. 
    
32. 
    
33. 
    
34.     return app.exec();
    
35. }
    

复制代码

1. login.qml
   
2. 
   
3. import QtQuick 2.7
   
4. import QtQuick.Dialogs 1.2
   
5. import QtQuick.Controls 1.4
   
6. import QtQuick.Window 2.2
   
7. Window{
   
8. 
   
9.     LoginForm {
   
10. 
    
11.         Dialog{
    
12.             objectName:"dialogLogin";
    
13.         }
    
14. 
    
15.     }
    
16. 
    
17. }
    

复制代码

1. loginForm.ui.qml
   
2. 
   
3. import QtQuick 2.7
   
4. import QtQuick.Controls 2.0
   
5. import QtQuick.Layouts 1.0
   
6. 
   
7. Item {
   
8.     width: 400
   
9.     height: 400
   
10. 
    
11.     TextInput {
    
12.         id: textInput1
    
13.         x: 107
    
14.         y: 85
    
15.         width: 80
    
16.         height: 20
    
17.         text: qsTr("Text Input")
    
18.         font.pixelSize: 12
    
19.     }
    
20. }
    

复制代码

a408815041

QML里面用模态的话，好像Quick2里面自带 Dialog  和 Window。可以用这2个来做。我之前试过 是可行的

changtj

a408815041 发表于 2016-10-26 09:13
QML里面用模态的话，好像Quick2里面自带 Dialog  和 Window。可以用这2个来做。我之前试过 是可行的 ...

有示例吗？Dialog　具体是哪个类呢

Joey_Chan

直接纯qml就能实现啊，参考qt quick control的例子，可以用stackview来实现

a408815041

Dialog QML Type
A generic QtQuick dialog wrapper with standard buttons. More...

Import Statement:
import QtQuick.Dialogs 1.2
Since:
Qt 5.3