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

  • 相关阅读:
    Javascript中的this之我见
    Javascript中call、apply之我见
    IE 11中 onpropertychange失效
    解决在.NET 4.0下无法发送包含尖括号等请求的问题
    连续赋值与求值顺序var a = {n:1};a.x = a = {n:2}; alert(a.x);
    DBCC维护语句语法
    SqlServer数据库碎片整理——BCC SHOWCONTIG
    Change Jenkins time zone
    Jenkins中执行docker命令报错
    Redis 慢查询
  • 原文地址:https://www.cnblogs.com/DreamDog/p/9159969.html
Copyright © 2011-2022 走看看