user-interface - 如何在 qml 中制作统一的 GUI 结构？

Question

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

Answer 1

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

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

Answer 2

你可以这样做：

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

顶栏.qml

Item
{
   // Something Something
}

BottomBar.qml

Item
{
   // Something Something
}

应用程序窗口.qml

Item
{
   // Something Something
}

然后，每当您必须使用这些时：

文件1.qml

Item
{
   // Something Something
   Bottombar
   {} 
}

文件2.qml

Item
{
   // Something Something
   Bottombar
   { x: 0, y: 600} 

   Topbar
   { x: 0, y: 0}

   AppWindow
   { x: 10 ; y : 50 }    
}

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