论坛 › Qt交流 › QT动画制作（六）

alltolove 发表于 2017-2-25 07:39:40

QT动画制作（六）

效果：
知识点1：学会positioner（定位器）的使用
知识点2：repeater重复器的使用

今天做的东西虽然无聊但是学会了相当有用，也很简单，先创建QML项目，直接在MainForm.ui.qml文件下修改就行

import QtQuick 2.5

Rectangle {
    property alias mouseArea: mouseArea

    width: 660
    height: 660

    MouseArea {
      id: mouseArea
      anchors.fill: parent
    }

   Item{


       Row{//行布局
         x:65
         y:65
         spacing:5//相隔的距离
       Repeater{//重复器

         model:5//定义重复个数
       Rectangle{

         width:40
         height:40
         color:"green"
       }
    }
    }
       Column{//列布局
         x:85
         y:115
         spacing:5
       Repeater{

         model:5
       Rectangle{

         width:40
         height:40
         color:"green"
       }
    }

    }
       Flow{//流布局
         x:125
         y:125
         spacing:5
            Repeater{
            model:5
            Rectangle{
            width:40
            height:40
            color:"red"
            }
            }
       }
       Grid{//网格布局
         x:225
         y:225
         spacing:5
       Repeater{

         model:5
       Rectangle{

         width:40
         height:40
         color:"green"
       }
    }
    }

   }
   }

不二如是 发表于 2017-2-25 08:48:38

前排占楼～

查看完整版本: QT动画制作（六）