User interface 如何在qml中创建统一的GUI结构?

User interface 如何在qml中创建统一的GUI结构?,user-interface,qml,User Interface,Qml,我有几个应用程序具有相同的结构:相同的顶栏、相同的底栏、相同大小的窗口,以及其他。我怎样才能创建一些模板或其他东西来排除大量的复制粘贴?我认为最简单的方法是使用常用的qml文件创建一个模块 检查: 我认为,最简单的方法是使用常用的qml文件创建一个模块 检查: 您可以这样做: 像这样创建不同的qml文件- TopBar.qml Item { // Something Something } BottomBar.qml Item { // Something Something }

我有几个应用程序具有相同的结构:相同的顶栏、相同的底栏、相同大小的窗口,以及其他。我怎样才能创建一些模板或其他东西来排除大量的复制粘贴?

我认为最简单的方法是使用常用的qml文件创建一个模块

检查:

我认为,最简单的方法是使用常用的qml文件创建一个模块

检查:

您可以这样做:

  • 像这样创建不同的qml文件-
  • 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 }    
    }
    

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

    你可以这样做:

  • 像这样创建不同的qml文件-
  • 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 }    
    }
    
    如果你看到这个类比,它就像你创建了一个类,然后创建了这个类的对象