QML--Windows介绍

ApplicationWindow {
    id: window
    visible: true	//可视化
    width: 640		//宽度
    height: 480		//高度
    title: qsTr("Stack") //标题

	//    x: 50
	//    y: 50   //修改控件的坐标

	//    minimumWidth: 400
	//    minimumHeight: 300
	//    maximumWidth: 400
	//    maximumHeight: 300 //修改最小和最大的宽度和高度
	
	//    opacity: 0.5    //设置窗口的透明度 0 - 1

    onWidthChanged: {
        console.log("width:", width)
    }                 //自带的槽函数
}

展示效果

		Button{
		id : btn1
		width : 100
		height : 50
		objectName: "btn1"	//对象名称
		x : 200
		y : 100
		background : Rectangle{
			border.color : btn1.focus ? "blue" : "black" //焦点
		}
		onClicked: {
			console.log("btn1 click")
		}
	}

	onActiveFocusItemChanged: {
		console.log("active focus item changed", activeFocusItem, "objectName:", activeFocusItem.objectName)
	}//打印当前焦点信息

展示效果