QML 语言基础

QML 语言基础

• 对象

  import QtQuickk 2.2
  
  Rectangle{
      width:320;
      height:480;
      Image{
          source:"images/IMG_001.jpg"
   anchors.centerIn:parent;
      }
  }
  

  1. import 为导入，即包含
  2. Rectangle :为定义一个对象即也是实列：其中Rectangle中含有一个Image对象，也就是内聚。

• 表达式

  Rectangle{
      width:23*10;
      height:6*80;
      color:"#121212"
  }
  

  1. 23*10 之类毫无意义得表达式

• 注释

  1. /**/为段注释，

  2. //为行注释

     /*
      *the  root  element of QML
      */
     Rectange{
         width:320;
         height:480;
         Button{
             id:quitBtn;
             text:qsTr("退出")
            //use  anchors.to layout
             anchors.left:openFile.right;
         	anchors.leftMargin:4;
             anchors.bottom:openFile.bottom;
             z:1
         }
     }
     

• 属性

  1. 属性命名：

     ​ 属性名的首字母一般以小写开始，如果属性名以多个单词表示，那么第二个及以后的单词。首字母大写。这也是驼峰命名法。

  2. 属性的类型：

     可以在QML 文档中使用的类型大概有三类：

     ---

     由QML语言本身提供的类型

     • 由QML模块（比如Qt Quick)提供的类型

     • 导出到QML环境中的C++类型。

       1. **基本类型：**int、real、double、bool、string、color、list、font等

       2. **id 属性：**一个对象的id属性是唯一的。

       3. 列表属性： QML对象列表属性

          Item{
              children:{
                  Image{},
                  Text{}
              }
          }		
          

          列表是包含在方括号内，以逗号分隔的多个元素的集合。

       4. 信号处理器：等价于Qt中的槽 列如：onClicked:{}

       5. **分组属性：在某些情况下使用一个.**符号或分组符号将相关的属性形成一个逻辑组。

       6. **附加属性：**这是附加到一个对象上的额外的属性。