import QtQuick 2.2
import QtQuick.Controls 1.1
Column
{
spacing: 2
Repeater
{
model: ["A","B","C","D","E","F"]
Rectangle
{
width: 100
height: 20
radius: 3
color: "blue"
Text
{
anchors.centerIn: parent
text: modelData
}
}
}
}
2
import QtQuick 2.2
import QtQuick.Controls 1.1
Column
{
spacing: 2
Repeater
{
model: 5
Rectangle
{
width: 100
height: 20
radius: 3
color: "blue"
Text
{
anchors.centerIn: parent
text: modelData
}
}
}
}
import QtQuick 2.2
import QtQuick.Controls 1.1
Image
{
width: 240
height: 240
source: "assets/background.png"
Image
{
id: ufo
y: 90
x: 90
width: 48
height: 48
source: "assets/ufo.png"
}
ParallelAnimation
{
id: ani
NumberAnimation
{
target: ufo
properties: "width"
to: 60
duration: 600
}
NumberAnimation
{
target: ufo
properties: "height"
to: 60
duration: 600
}
}
MouseArea
{
anchors.fill: parent
onClicked:
{
ani.restart();
}
}
}
序列動畫
import QtQuick 2.2
import QtQuick.Controls 1.1
Image
{
width: 240
height: 240
source: "assets/background.png"
Image
{
id: ufo
y: 90
x: 90
width: 48
height: 48
source: "assets/ufo.png"
}
SequentialAnimation
{
id: ani
NumberAnimation
{
target: ufo
properties: "width"
to: 60
duration: 600
}
NumberAnimation
{
target: ufo
properties: "height"
to: 60
duration: 600
}
}
MouseArea
{
anchors.fill: parent
onClicked:
{
ani.restart();
}
}
}
行列布局
import QtQuick 2.2
import QtQuick.Controls 1.1
Item
{
id: root
Column
{
id: buttons
anchors.centerIn: parent
spacing: 6
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
Row
{
id: rows
spacing: 12
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
}
}
}
格子布局
import QtQuick 2.2
import QtQuick.Controls 1.1
Item
{
id: root
Grid
{
id: buttons
rows: 3
columns: 2
anchors.centerIn: parent
spacing: 6
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
}
MyButton
{
width:64
height:48
color: "red"
}
}
}
MyButton.qml
import QtQuick 2.2
import QtQuick.Controls 1.1
Rectangle
{
id: item
color: "yellow"
border.color: "blue"
Text
{
id: text
anchors.centerIn: parent
text: "點擊我"
}
MouseArea
{
anchors.fill: parent
onClicked:
{
text.text = "我被點擊了"
}
}
}
import QtQuick 2.2
import QtQuick.Controls 1.1
Rectangle
{
id: rect1
x: 12; y: 12
width: 176; height: 96
gradient: Gradient
{
GradientStop { position: 0.0; color: '#FF4444' }
GradientStop { position: 1.0; color: "blue" }
}
// 邊框顏色
border.color: "red"
radius: 8
Text
{
text: "The quick brown fox"
color: "#303030"
anchors.centerIn: parent
font.family: "Ubuntu"
font.pixelSize: 24
}
}
再上一個
import QtQuick 2.2
import QtQuick.Controls 1.1
Rectangle
{
id: rect1
x: 12; y: 12
width: 176; height: 96
gradient: Gradient
{
GradientStop { position: 0.0; color: '#FF4444' }
GradientStop { position: 1.0; color: "blue" }
}
// 邊框顏色
border.color: "red"
radius: 8
Text
{
text: "The quick brown fox"
color: "#303060"
anchors.centerIn: parent
font.family: "Ubuntu"
font.pixelSize: 24
elide: Text.ElideMiddle
style: Text.Sunken
styleColor: '#FF4444'
verticalAlignment: Text.AlignTop
}
}
使用鼠標控制字體的顯示
import QtQuick 2.2
import QtQuick.Controls 1.1
Rectangle
{
id: rect1
x: 12; y: 12
width: 176; height: 96
gradient: Gradient
{
GradientStop { position: 0.0; color: '#FF4444' }
GradientStop { position: 1.0; color: "blue" }
}
// 邊框顏色
border.color: "red"
radius: 8
Text
{
id: text
text: "The quick brown fox"
color: "#303060"
anchors.centerIn: parent
font.family: "Ubuntu"
font.pixelSize: 24
elide: Text.ElideMiddle
style: Text.Sunken
styleColor: '#FF4444'
verticalAlignment: Text.AlignTop
visible: true
}
MouseArea
{
id: area
width: parent.width
height: parent.height
onClicked: text.visible = !text.visible
}
}
import QtQuick 2.2
import QtQuick.Controls 1.1
Text
{
id: label
x: 24
y: 24
//here
property int spacePresses: 0
text: "Space pressed: " + spacePresses + " times"
onTextChanged: console.log("text changed to:", text)
focus: true
Keys.onSpacePressed:
{
increment()
}
Keys.onEscapePressed:
{
label.text = ''
}
//! 這是一個js函數
function increment()
{
spacePresses = spacePresses + 1
}
}
import QtQuick 2.2
import QtQuick.Controls 1.1
Rectangle
{
Image
{
anchors.fill: parent
id: background
source: "background.png"
}
width: 360
height: 360
Text
{
anchors.centerIn: parent
text: "你好世界,點擊鼠標退出程序"
}
MouseArea
{
anchors.fill: parent
onClicked:
{
Qt.quit();
}
}
}
基本代碼如下:
import QtQuick 2.2
import QtQuick.Controls 1.1
Image
{
id: root
source: "background.png"
}
這個是使用給定圖形填充背景，
如果使用多個圖形嵌套，做法如下:
import QtQuick 2.2
import QtQuick.Controls 1.1
Image
{
id: root
source: "background.png"
Image
{
id: head
source: "head.png"
anchors.centerIn: parent
anchors.verticalCenterOffset: 20
}
}
當然可以再加上旋轉
import QtQuick 2.2
import QtQuick.Controls 1.1
Image
{
id: root
source: "background.png"
Image
{
id: head
width: 48
height: 48
source: "head.png"
anchors.centerIn: parent
anchors.verticalCenterOffset: 20
MouseArea
{
anchors.fill: parent
onClicked: head.rotation += 9
}
}
}
加上動畫可以讓旋轉更加平滑點，如下:
import QtQuick 2.2
import QtQuick.Controls 1.1
Image
{
id: root
source: "background.png"
Image
{
id: head
width: 48
height: 48
source: "head.png"
anchors.centerIn: parent
anchors.verticalCenterOffset: 20
MouseArea
{
anchors.fill: parent
onClicked: head.rotation += 90
}
Behavior on rotation
{
NumberAnimation
{
duration: 600
}
}
}
}
一個Item對應一個場景，提供隱藏或顯示場景即可切換，如下:
import QtQuick 2.2
import QtQuick.Controls 1.1
ApplicationWindow
{
visible: true
width: 480
height: 360
title: "Hello World"
Item
{
id: scene_1
visible: true
anchors.fill: parent
Text
{
anchors.centerIn: parent
textFormat: Text.RichText
text: "<h1><font color=red>這是第一個場景</color></h1>"
}
MouseArea
{
anchors.fill: parent
onClicked:
{
scene_1.visible = false;
scene_2.visible = true;
scene_3.visible = false;
}
}
}
Item
{
id: scene_2
visible: false
anchors.fill: parent
Text
{
anchors.centerIn: parent
textFormat: Text.RichText
text: "<h1><font color=green>這是第二個場景</color></h1>"
}
MouseArea
{
anchors.fill: parent
onClicked:
{
scene_2.visible = false;
scene_1.visible = false;
scene_3.visible = true;
}
}
}
Item
{
id: scene_3
visible: false
anchors.fill: parent
Text
{
anchors.centerIn: parent
textFormat: Text.RichText
text: "<h1><font color=black>這是第三個場景</color></h1>"
}
MouseArea
{
anchors.fill: parent
onClicked:
{
scene_1.visible = true
scene_2.visible = false;
scene_3.visible = false;
}
}
}
}
如下:
sql += "',N'";
sql += desc1;
sql += "',N'";
sql += desc2;
sql += "',N'";
sql += desc3;
sql += "');select @@identity;";
OleDbConnection conn = getOleDbConntion();
OleDbCommand cmd = new OleDbCommand(sql, conn);
conn.Open();
OleDbDataReader reader = cmd.ExecuteReader();
reader.Read();
string index = reader.GetValue(0).ToString();
conn.Close();
return index;
}
Date.prototype.format = function(format) {
var args = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
};
if (/(y+)/.test(format))
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var i in args) {
var n = args[i];
if (new RegExp("(" + i + ")").test(format))
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? n : ("00" + n).substr(("" + n).length));
}
return format;
};