C++学习（一七二）Qt如何确定item元素的上下次序

最新推荐文章于 2024-03-21 09:10:10 发布

原创最新推荐文章于 2024-03-21 09:10:10 发布 · 353 阅读

0 ·

CC 4.0 BY-SA版权

C++学习专栏收录该内容

476 篇文章

订阅专栏

本文介绍QtQuick中Item元素的Z序(z)与透明度(opacity)属性使用方法。通过调整这两个属性可以改变图元的前后位置及透明效果。默认情况下，未指定Z序的元素将按其在代码中出现的顺序排列。

Item 除了 x 、 y 属性。事实上另一个 z 属性，用来指定图元在场景中的 Z 序。z 属性的类型是 real 。数值越小，图元就越垫底（远离我们），数值越大，图元就越靠近我们。Item 的属性 opacity 能够指定一个图元的透明度。取值在 0.0 到 1.0 之间。结合 Z 序和透明度，有时能够达到不错的效果。

如果不指定z，则按照先后顺序设置，先出现的元素z较小，后出现的元素z较大。

import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.4
import QuickOSGEarth 1.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    Button{
        id: a
        text: qsTr("Load")
        z:10
    }
    Button{
        id: b
        text: qsTr("Load1")
    }
}

上面例子中load按钮在上。如果不指定load按钮的z，则load1按钮在上。