QML Hello world 及界面切换

1230阅读　0评论2017-02-25　owen0725
分类：C/C++

一个QML界面调用另一个 qml 文件

main.qml 文件

点击(此处)折叠或打开

  1. import QtQuick 2.5
  2. import QtQuick.Window 2.2
  3. import QtQuick.Controls 1.2


  6. Window {
  7.     visible: true
  8.     width: 640
  9.     height: 480
  10.     //flags: Qt.FramelessWindowHint
  11.     title: qsTr("Hello World")

  13.     /*
  14.     MainForm {
  15.         anchors.fill: parent
  16.         mouseArea.onClicked: {
  17.             Qt.quit();
  18.         }

  20.     }
  21.   */

  23.     Test2 {id: test2window}


  26.     Button {
  27.             id: button2
  28.             x: 224
  29.             y: 145
  30.             width: 110
  31.             height: 36
  32.             text: qsTr("Show")

  34.             onClicked: {
  35.                 //Qt.quit();
  36.                 //Test2.show();
  37.                 test2window.show();
  38.             }

  40.         }


  43.     Label {
  44.         id: label1
  45.         anchors{
  46.             left: parent.left;
  47.             leftMargin: 30
  48.             top: parent.top
  49.             topMargin: 50
  50.         }
  51.         font.pixelSize: 16
  52.         text: "Name"
  53.     }
  54. }
Test2.qml 文件

点击(此处)折叠或打开

  1. import QtQuick 2.5
  2. import QtQuick.Window 2.2
  3. import QtQuick.Controls 1.2

  5. Window {
  6.     id: test2window
  7.     width: 640
  8.     height: 480
  9.     flags: Qt.FramelessWindowHint

  11.     Button {
  12.             id: button2
  13.             x: 224
  14.             y: 145
  15.             width: 110
  16.             height: 36
  17.             text: qsTr("Second Frame")

  19.             onClicked: {
  20.                 close();
  21.             }

  23.         }
  24. }

工程目录




上一篇：Ubuntu 下的几个随笔记录
下一篇：qml demo分析(clocks-时钟)