proto-debuger/protoDebuger/main.qml

import QtQuick 2.14

import QtQuick.Window 2.14
import QtQuick.Controls 2.14
import QtQuick.Layouts  1.12

ApplicationWindow  {
    id: root
    width: 800
    height: 600
    visible: true
    minimumHeight: 600
    minimumWidth: 800


    Flow{
        anchors.fill: parent
        width: parent.width
        height: parent.height

        Rectangle {
            width: 80;
            height: parent.height
            color: "black"
            Flow{
                id: element
                flow:Flow.TopToBottom //从上到下排列
                width: parent.width
                height: parent.height
                Button{
                    width: parent.width
                    height:60
                    onClicked: {
                        console.log(uart_choose)
                        uart_choose.visible = true
                        net_choose = false
                        proto_debug = false
                    }
                    background: Image {
                        anchors.fill: parent
                        source: "qrc:///res/serial.svg"
                    }

                }
                Text {
                    text: qsTr("串口设置")
                    width: parent.width
                    anchors.centerIn: parent.Center
                    color: "white"
                    font.pointSize: 10

                }
                Button{
                    width: parent.width
                    height:60
                    onClicked: {
                        console.log("shit")
                    }
                    background: Image {
                        anchors.fill: parent
                        source: "qrc:///res/net.svg"
                    }
                    onPressed:{
                        uart_choose.visible = false
                        net_choose = true
                        proto_debug = false
                    }
                }
                Text {
                    text: qsTr("网口设置")
                    width: parent.width
                    anchors.centerIn: parent.Center
                    color: "white"
                    font.pointSize: 10

                }
                Button{
                    width: parent.width
                    height:60
                    onClicked: {
                        console.log("shit")
                    }
                    background: Image {
                        anchors.fill: parent
                        source: "qrc:///res/proto.svg"
                    }
                    onPressed:{
                        uart_choose.visible = false
                        net_choose = false
                        proto_debug = true
                    }
                }
                Text {
                    text: qsTr("协议调试")
                    width: parent.width
                    anchors.centerIn: parent.Center
                    color: "white"
                    font.pointSize: 10
                }
            }
        }
        Rectangle {
            id: uart_choose
            width: parent.width - 80
            height: parent.height
            color: "grey"
            visible: false
        }
        Rectangle {
            objectName: net_choose
            width: parent.width - 80
            height: parent.height
            color: "grey"
            visible: false
        }
        Rectangle {
            objectName: proto_debug
            width: parent.width - 80
            height: parent.height
            color: "grey"
            visible: false
        }
    }
}