alltolove 发表于 2017-2-21 15:33:07

QT动画制作（二）

哎！不二让我做他没完成的动画部分，这下可把我累着了，我这人比较懒，可能发帖间隔会很漫长，希望各位能耐心等待{:10_261:}

为什么从第二讲开始做，因为第一期已经写在我日志里我的日志

今天我们做的是一个自动旋转的矩形

一。打开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

    }
}

不二如是 发表于 2017-2-21 17:08:49

哈哈哈，已搬好小马扎，等待鱼CQt新星冉冉升起！

现在精力、时间所限，之前计划的TCP／IP、UDP，网络编程，貌似要无限期跳票

alltolove，大兄弟能接盘吗？

发几个帖子，到时顶你当Qt版住{:10_268:}

alltolove 发表于 2017-2-21 17:23:34

不二如是 发表于 2017-2-21 17:08
哈哈哈，已搬好小马扎，等待鱼CQt新星冉冉升起！

现在精力、时间所限，之前计划的TCP／IP、UDP，网络编 ...

那玩意都简单啊，主要这动画比较难，那些个先不做呢{:10_249:}

不二如是 发表于 2017-2-21 17:27:53

alltolove 发表于 2017-2-21 17:23
那玩意都简单啊，主要这动画比较难，那些个先不做呢

确实，网络通信相对来讲套路很多

加油！动画在来点gif演示会更棒～

wei_Y 发表于 2017-2-25 11:32:45

QML混合QWidget。
页: [1]
查看完整版本: QT动画制作（二）