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

  • 相关阅读:
    mysql基础(三)存储引擎和锁
    为给定字符串生成MD5指纹
    区块链基本原理,Part-2:工作量证明和权益证明
    区块链基本原理,Part-1:拜占庭容错
    区块链挖矿 2.0
    以太坊 2.0 中的验证者经济模型,Part-2
    以太坊 2.0 中的验证者经济模型,Part-1
    Java归并排序之递归
    Python爬虫入门教程 64-100 反爬教科书级别的网站-汽车之家,字体反爬之二
    Java棋盘覆盖问题
  • 原文地址:https://www.cnblogs.com/DreamDog/p/9159969.html
Copyright © 2011-2022 走看看