概述

使用Qt做過(guò)UI的一定對(duì)QHBoxLayout, QVBoxLayout, 和QGridLayout這三個(gè)最重要也最常使用的layout managers非常熟悉。那么在QML中又是如何控制和管理UI布局的呢？那么我們這篇文章就為大家介紹這些基礎(chǔ)知識(shí)。

首先，QML同樣允許大家使用硬編碼的方式將位置數(shù)值直接寫(xiě)到代碼中，但是這樣做首先難以適應(yīng)UI的調(diào)整，其次代碼維護(hù)起來(lái)也很困難。因此我們不推薦這樣做。推薦大家使用的是以下三種布局管理器：Row,、Column、Grid，以及使用Anchor進(jìn)行布局。

Row

QML 中的 Row 元素會(huì)將其子控件都排列在同一行，相互不重疊。我們還可以使用它的spacing屬性來(lái)定義子控件之間的距離。比如下列代碼就會(huì)產(chǎn)生如圖所示的效果：

Row { 
spacing: 2
Rectangle { color: "red"; width: 50; height: 50 } 
Rectangle { color: "green"; width: 20; height: 50 } 
Rectangle { color: "blue"; width: 50; height: 20 } 
}        

        

        
        
      
        
it知識(shí)庫(kù)：QML UI布局管理，轉(zhuǎn)載需保留來(lái)源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。