如何在qml中制作统一的GUI结构?

时间:2013-06-12 11:10:00

标签: user-interface qml

我有一些具有相同结构的应用程序:相同的topBar,相同的bottomBar相同的窗口大小,以及其他。如何创建一些模板或其他东西来排除大量的复制粘贴?

2 个答案:

答案 0 :(得分:1)

在我看来,最简单的方法是使用常见的qml文件创建一个模块

检查: http://qt-project.org/doc/qt-5.0/qtqml/qtqml-modules-identifiedmodules.html

答案 1 :(得分:0)

您可以这样做:

  1. 像这样创建不同的qml文件 -
  2. TopBar.qml

    Item
    {
       // Something Something
    }
    

    BottomBar.qml

    Item
    {
       // Something Something
    }
    

    AppWindow.qml

    Item
    {
       // Something Something
    }
    

    然后,每当你必须使用这些时:

    File1.qml

    Item
    {
       // Something Something
       Bottombar
       {} 
    }
    

    File2.qml

    Item
    {
       // Something Something
       Bottombar
       { x: 0, y: 600} 
    
       Topbar
       { x: 0, y: 0}
    
       AppWindow
       { x: 10 ; y : 50 }    
    }
    

    如果你看到类比,就像你创建了一个类,然后创建了这个类的对象。