zoukankan      html  css  js  c++  java
  • 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("子右二")
    }
    }
    }
    
    
    
    
    
    
    
    
    
    
    
    
    }
    
    
    

  • 相关阅读:
    Python练手例子(3)
    Python练手例子(2)
    Python练手例子(1)
    Python学习之旅(三十八)
    《剑指offer》— JavaScript(24)二叉树中和为某一值的路径
    《剑指offer》— JavaScript(23)二叉搜索树的后序遍历序列
    《剑指offer》— JavaScript(22)从上往下打印二叉树
    《剑指offer》— JavaScript(21)栈的压入、弹出序列
    《剑指offer》— JavaScript(20)包含min函数的栈
    《剑指offer》— JavaScript(19)顺时针打印矩阵
  • 原文地址:https://www.cnblogs.com/DreamDog/p/9159969.html
Copyright © 2011-2022 走看看