Qt-QML-全新导航布局

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

 

先看效果图

 

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

 

/*

  作者：张建伟

  时间：2018年4月3日

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

  */

import QtQuick 2.9

import QtQuick.Window 2.2

import Core 1.0

Window {

    visible: true

    width: 2560

    height: 1024

    color: "#000000"

    title: qsTr("Hello World")

    DownDisPlay

    {

        id: m_Core

        onSignal_Text_Color:

        {

            switch (fid)

            {

            case 0:

                m_Title_Rect.color = data

                break;

            case 2:

                m_Main_Center_Rect.color = data

                break;

            case 3:

                m_Left_Second_Rect.color = data

                break;

            case 4:

                m_Right_Second_Rect.color = data

                break;

            case 5:

                m_Left_Child_Rect_1.color = data

                break;

            case 6:

                m_Left_Child_Rect_2.color = data

                break;

            case 7:

                m_Right_Child_Rect_1.color = data

                break;

            case 8:

                m_Right_Child_Rect_2.color = data

                break;

            case 9:

                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("子右二")

            }

        }

    }

}