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"
}
}
QT中qml对tabview类型控件的使用方法demo
最新推荐文章于 2024-07-12 16:20:21 发布