马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
哎!不二让我做他没完成的动画部分,这下可把我累着了,我这人比较懒,可能发帖间隔会很漫长,希望各位能耐心等待
为什么从第二讲开始做,因为第一期已经写在我日志里我的日志
今天我们做的是一个自动旋转的矩形
一。打开qt,选择新建项目Qt的Qt Quick Application
二。点开左侧资源-qml.qrc下面的斜杠,右键点击建立新文件Rect.qml(选quick 2格式)。注意:在项目内建立的文件首字母都必须大写
三。把新建的那个文件写上下面的代码import QtQuick 2.0
Item {
Rectangle{
width: 150
height:150
color:"red"
anchors.centerIn: parent//中心对齐
RotationAnimation on rotation{//让矩形自动做一个旋转动作
from:0
to:360
loops:Animation.Infinite//圈数是无限
duration: 10000//旋转周期的时间
direction: RotationAnimation.Clockwise//顺时针旋转
}
}
}
四。点开MainForm.ui.qml文件转到编辑界面,把代码修改为import QtQuick 2.5
Rectangle {
property alias mouseArea: mouseArea//把鼠标区域声明一下,这里没什么用
width: 360
height: 360
MouseArea {//同上
id: mouseArea
anchors.fill: parent
}
Rect{//把我新建的文件在主框架里声明一下
anchors.centerIn: parent//让此物体在主框架内中心对齐
}
}
五。点开main.qml修改为以下import QtQuick 2.5
import QtQuick.Window 2.2
Window {//主窗体
visible: true//在屏幕上显示
width: 640
height: 480
title: qsTr("Hello World")//标题
MainForm {
anchors.fill: parent
}
}
|