Qt-QML-全新导航布局

哈哈，写了一个全新的导航布局，具体内容还没有完成，现在先把整个布局的屏幕划分分享出来

先看效果图

身下也没有好说的，看代码

/*

作者：张建伟

时间：2018年4月3日

简述：该文件为下显主窗口布局文件

*/

importQtQuick2.9

importQtQuick.Window2.2

importCore1.0

Window{

visible:true

width:2560

height:1024

color:"#000000"

title:qsTr("HelloWorld")

DownDisPlay

{

id:m_Core

onSignal_Text_Color:

{

switch(fid)

{

case0:

m_Title_Rect.color=data

break;

case2:

m_Main_Center_Rect.color=data

break;

case3:

m_Left_Second_Rect.color=data

break;

case4:

m_Right_Second_Rect.color=data

break;

case5:

m_Left_Child_Rect_1.color=data

break;

case6:

m_Left_Child_Rect_2.color=data

break;

case7:

m_Right_Child_Rect_1.color=data

break;

case8:

m_Right_Child_Rect_2.color=data

break;

case9:

break;

}

}

}

Rectangle//状态栏显示区域

{

id:m_Title_Rect

width:2560

height:128

color:"#FF0000"

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("状态栏")

}

MouseArea

{

anchors.fill:parent

onClicked:{

m_Core.slot_Start_timer()

}

}

}

Rectangle//主显示窗口

{

id:m_Main_Center_Rect

width:1280

height:896

color:"#FFFFFF"

anchors.horizontalCenter:parent.horizontalCenter

anchors.bottom:parent.bottom

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("中心显示区域")

}

}

Rectangle//左侧次显示区域

{

id:m_Left_Second_Rect

width:640

height:640

anchors.left:parent.left

anchors.top:m_Title_Rect.bottom

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("左侧次显示区域")

}

}

Rectangle//右侧次显示区域

{

id:m_Right_Second_Rect

width:640

height:640

anchors.right:parent.right

anchors.top:m_Title_Rect.bottom

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("右侧次显示区域")

}

}

Row{

anchors.left:parent.left

anchors.bottom:parent.bottom

spacing:0

Rectangle

{

id:m_Left_Child_Rect_1

width:320

height:256

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("子左一")

}

}

Rectangle

{

id:m_Left_Child_Rect_2

width:320

height:256

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("子左二")

}

}

}

Row{

anchors.right:parent.right

anchors.bottom:parent.bottom

spacing:0

Rectangle

{

id:m_Right_Child_Rect_1

width:320

height:256

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("子右一")

}

}

Rectangle

{

id:m_Right_Child_Rect_2

width:320

height:256

Text{

font.pixelSize:25

font.family:"微软雅黑"

anchors.centerIn:parent

text:qsTr("子右二")

}

}

}

}