QT中qml对tabview类型控件的使用方法demo

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQml.Models 2.2
import QtQuick.Dialogs 1.0
import QtGraphicalEffects 1.0
import QtQml 2.0

TabView {
    property int type: 0    //成功检查或失败检查
    id: tabViewSysCheck_id
    anchors{
        top: parent.top
        left: parent.left
        right: parent.right
        bottom: parent.bottom
        bottomMargin: 15
    }
    tabsVisible: true
    tabPosition: Qt.BottomEdge
    onCurrentIndexChanged:tabViewSysCheck_id.setModel(tabViewSysCheck_id.currentIndex*9,(tabViewSysCheck_id.currentIndex+1)*9-1, type)


    //tableView的tab标签风格
    style: TabViewStyle {
         tabsAlignment: Qt.AlignHCenter
         tab: Rectangle {
             border.color:  "transparent"
             implicitWidth: 40
             implicitHeight: 50
             anchors.bottom: parent.bottom
             anchors.bottomMargin: 20
             Rectangle{
                 id:tabBG_rect
                 anchors{
                     top: parent.top
                     topMargin: 20
                     bottom: parent.bottom
                     left: parent.left
                     leftMargin: 5
                     right: parent.right
                     rightMargin: 5
                 }
                 color: styleData.selected ? skincolor :"white"
                 border.color: skincolor
                 Text {
                     id: text
                     anchors.centerIn: parent
                     text: styleData.title
                     font.family: "Microsoft Yahei"
                     font.bold: true
                     font.pixelSize: 15
                     color: styleData.selected ? "white" : "lightgray"
                 }
             }