QML透明窗口以及普通窗口(QML Window)

QML 透明窗口以及普通窗口的应用

Window（窗体）

透明窗口

Window {
	title: qsTr("一个完全透明的窗口") //窗口标题
    width: 640  //宽度
    height: 480  //高度
    visible: true  //是否可见
    color: "#00000000" //窗口背景色
    //#00000000 为窗口透明
    //QML支持black 等颜色样式（没有#）
    //QML支持#11cfff 等颜色样式
    //QML同样支持RGB格式
    flags:  Qt.Window | Qt.FramelessWindowHint //窗口标志 说明是什么窗口 使用 | 分割
    //Qt.Window 普通窗口模式，带标题栏
    //Qt.FramelessWindowHint 隐藏标题栏窗口
    opacity: 1 //透明度 数值区间为0~1 支持小数
    x:0 //位于父窗体的x位置 （此时window的父窗体就是桌面了）
    y:0 //位于父窗体的y位置 （此时window的父窗体就是桌面了）
}

效果：
嗯… 透明的 看不出来

普通标题窗口

Window {
	title: qsTr("一个普通标题窗口") //窗口标题
    width: 640  //宽度
    height: 480  //高度
    visible: true  //是否可见，缺省为true
    color: "#ffffff" //窗口背景色
    //#00000000 为窗口透明
    //QML支持black 等颜色样式（没有#）
    //QML支持#11cfff 等颜色样式
    //QML同样支持RGB格式
    flags:  Qt.Window  //窗口标志 说明是什么窗口 使用 | 分割，缺省为Qt.Window
    //Qt.Window 普通窗口模式，带标题栏
    //Qt.FramelessWindowHint 隐藏标题栏窗口
    opacity: 1 //透明度 数值区间为0~1 支持小数，缺省为1
    x:0 //位于父窗体的x位置，以左上角为起点，缺省为0 （此时window的父窗体就是桌面了）
    y:0 //位于父窗体的y位置，以左上角为起点，缺省为0 （此时window的父窗体就是桌面了）
}

效果：

---

上一篇 ： 无

目录：QML开发笔记(三)：了解QML控件元素

下一篇：QML Rectangle 旋转矩形

---

觉得有用的请点个赞~ 拜谢