import QtQuick
import QtQuick.WindowWindow {width: 800height: 600visible: truetitle: qsTr("Test Anchors")///錨點 上下左右Rectangle{id: anchor1width:200height: 150color:"#EEEEEE"Rectangle{id:rect1width:50height:50color: "red"Text{text:"rect1"}}Rectangle{id:rect2width:50height:50color: "blue"Text{text:"rect2"}anchors.left: rect1.right}Rectangle{id:rect3width:50height:50color: "green"Text{text:"rect3"}anchors.top: rect1.bottom}Rectangle{id:rect4width:50height:50color: "pink"Text{text:"rect4"}anchors.left: rect3.rightanchors.top: rect2.bottom}}///錨點 動態大小Rectangle{id: anchor2anchors.left:anchor1.rightanchors.leftMargin: 5 //左側間距width:200height: 150color:"#EEEEEE"Rectangle{id:leftpagewidth: 50color:"blue"anchors.top: parent.top         //自動拉升高度anchors.bottom: parent.bottomText{text:"left"}}Rectangle{id:mainpagecolor:"pink"anchors.top: parent.top         //自動拉升高度anchors.bottom: parent.bottomanchors.left:leftpage.right     //自動拉升寬度anchors.right: rightpage.leftText{text:"main"}}Rectangle{id:rightpagewidth: 50color:"green"anchors.top: parent.top         //自動拉升高度anchors.bottom: parent.bottomanchors.right: parent.rightText{text:"right"}}MouseArea{anchors.fill: parentonClicked:{parent.width +=10parent.height +=10}}}Rectangle{id:anchor3//通過anchor2、和窗口 錨定寬高和位置anchors.left: anchor2.rightanchors.right: parent.rightanchors.top: anchor2.topanchors.bottom: anchor2.bottomanchors.leftMargin: 5color:"#EEEEEE"//水平居中Rectangle{id:hcentercolor:"red"width:50//拉升高度anchors.top: parent.topanchors.bottom: parent.bottom//水平居中anchors.horizontalCenter: parent.horizontalCenter}Rectangle{width:50height: 50color:"blue"//垂直居中anchors.verticalCenter:hcenter.verticalCenteranchors.left: hcenter.right}//完全居中Rectangle{width:50height: 50color:"yellow"anchors.centerIn: parent}}}

---

推薦一個零聲學院項目課，個人覺得老師講得不錯，分享給大家：
零聲白金學習卡（含基礎架構/高性能存儲/golang云原生/音視頻/Linux內核）
https://xxetb.xet.tech/s/3Zqhgt