tabview的问题，新人求教

1210150666

tabview 的 标题栏的大小怎么修改，标题栏里面的字体怎么修改，还有标题栏能用 Image 吗？

1,2,3就是我说的标题栏
求高手赐教

yafeilinux

可以啊。用对应的TabViewStyle即可 。

例如：

TabView {
        id: frame
        anchors.fill: parent
        anchors.margins: 4
        Tab { title: "Tab 1" }
        Tab { title: "Tab 2" }
        Tab { title: "Tab 3" }

        style: TabViewStyle {
            frameOverlap: 1
            tab: Rectangle {
                width: 100
                height: 50
                Image {anchors.fill: parent; source: "123.png"}
                color: styleData.selected ? "steelblue" :"lightsteelblue"
                border.color:  "steelblue"
                implicitWidth: Math.max(text.width + 4, 80)
                implicitHeight: 20
                radius: 2
                Text {
                    id: text
                    anchors.centerIn: parent
                    text: styleData.title
                    color: styleData.selected ? "white" : "black"
                }
            }
            frame: Rectangle { color: "steelblue" }
        }
    }

这个是官方的例子，我添加了一个Image，但是如果要实现好看，还需要设置鼠标悬停和鼠标按下时显示不同的图片。

sywh

QSS是个好东西，不过调试不是很方便

who_am_i_2015

yafeilinux 发表于 2016-1-10 17:27
可以啊。用对应的TabViewStyle即可 。

例如：

鼠标悬停是什么。。。。。。。

yafeilinux

who_am_i_2015 发表于 2016-1-12 11:41
鼠标悬停是什么。。。。。。。

是个事件！就是鼠标指针移动到上面，没有点击的时候。