注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

沙漠里de烟雨

原创分享,禁止转载

 
 
 

日志

 
 

qml 帽式Tabwidget  

2017-05-19 17:21:58|  分类: QT5.x与QML |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
先贴上图:
qml  Tab demo - 漠雨 - 沙漠里de烟雨__风尘无名
 
贴上代码:
main.qml  =>

import QtQuick 2.5
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    XTabWidget
    {

    }

}


XTabWidget.qml =>

import QtQuick 2.0
import QtQuick.Controls 2.0
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.3
import "."
Rectangle
{
    anchors.fill: parent
    Rectangle
    {
        x:0; y:0
        height:25
        width: parent.width
        color:"#535353"
        TabBar
        {
            id: bar
            x:0; y:0
            height:parent.height
            width: parent.width
       //     spacing: 2
            position: TabBar.Header
            background: Rectangle
            {
                color: "#535353"
            }
            XTabButton {
                id: homeBtn
                text: qsTr("Home")
                width: 60
                height:bar.height
            }
            XTabButton {
                text: qsTr("Analysis")
                width: 80
                height:bar.height
            }
            XTabButton {
                text: qsTr("Layers")
                width: 60
                height:bar.height
            }
            XTabButton {
                text: qsTr("Objects")
                width: 60
                height:bar.height
            }
            XTabButton {
                text: qsTr("Effects")
                width: 60
                height:bar.height
            }
            XTabButton {
                text: qsTr("Navigation")
                width: 80
                height:bar.height
            }
            XTabButton {
                text: qsTr("View")
                width: 50
                height:bar.height
            }
            XTabButton {
                text: qsTr("Tools")
                width: 60
                height:bar.height
            }
        }
    }

    StackLayout
    {
        id: stack
        x:0; y:25
        height:100
        width: parent.width
        currentIndex: bar.currentIndex
        Rectangle
        {
            id: homeTab
            color:"darkgray"
        }
        Rectangle
        {
            id: analysisTab
            color:"darkblue"
        }
        Rectangle
        {
            id: layersTab
            color: "red"
        }

        Rectangle
        {
            id: objectsTab
            color: "lightgreen"
        }
        Rectangle
        {
            id: effectsTab
            color: "blue"
        }
        Rectangle
        {
            id: navigationTab
            color: "gray"
        }
        Rectangle
        {
            id: viewTab
            color: "green"
        }
        Rectangle
        {
            id: toolsTab
            color: "yellow"
        }
    }
}

  评论这张
 
阅读(18)| 评论(0)
推荐

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017