测试Qml
来源:互联网 发布:手机发热软件 编辑:程序博客网 时间:2024/05/22 04:31
/******************************************************************************** Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies).** Contact: http://www.qt-project.org/legal**** $QT_BEGIN_LICENSE:BSD$** You may use this file under the terms of the BSD license as follows:**** "Redistribution and use in source and binary forms, with or without** modification, are permitted provided that the following conditions are** met:** * Redistributions of source code must retain the above copyright** notice, this list of conditions and the following disclaimer.** * Redistributions in binary form must reproduce the above copyright** notice, this list of conditions and the following disclaimer in** the documentation and/or other materials provided with the** distribution.** * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names** of its contributors may be used to endorse or promote products derived** from this software without specific prior written permission.****** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."**** $QT_END_LICENSE$******************************************************************************/import QtQuick 1.1Rectangle{ id: rectangle1 width:1000; height:200; Rectangle { id:r1; x: 0; width: 100; height: parent.height; color: "red" TextInput { id: text_input1 x: 20 y: 90 width: 80 height: 86 color: "#19e649" text: qsTr("Text") font.pointSize: 22 anchors.horizontalCenter: parent.horizontalCenter anchors.verticalCenter: parent.verticalCenter font.pixelSize: 22 } } Rectangle { id: r2; height: parent.height; gradient: Gradient { GradientStop { position: 0 color: "#008000" } GradientStop { position: 1 color: "#000000" } } anchors.left: r1.right anchors.right: r3.left border.color: "#fb1414" border.width: 21 radius: 27 anchors.rightMargin: 0 anchors.leftMargin: 0 TextEdit { id: text_edit1 x: 313 y: 90 width: 322 height: 86 color: "#1523e2" text: qsTr("Text Edit") wrapMode: TextEdit.NoWrap horizontalAlignment: TextEdit.AlignHCenter font.family: "华文琥珀" font.pointSize: 24 anchors.horizontalCenter: parent.horizontalCenter anchors.verticalCenter: parent.verticalCenter } MouseArea { id: ma; hoverEnabled: true; anchors.fill: parent; onEntered: { console.log(mouseX, ", ", mouseY); text_edit1.color = "blue" } onPositionChanged: { console.log(mouse.x, ", ", mouse.y); } onExited: { console.log("leave mouse area: ", mouseX, ", ", mouseY); } } } Rectangle { id: r3; width:100; height: parent.height; anchors.right: parent.right color: "blue" anchors.rightMargin: 0 }}
Qml可以跟踪鼠标位置,真心不错。随便写的代码,只是用来学习qml,看看用在项目中效果怎么样。