Qt Quick元素布局

元素布局

• Item Positioner(定位器)
• Item Layout(布局)
• 锚布局

• 定位器

  定位器是一种容器元素，专门用来管理界面中的其他的元素。

  ROW

  Column

  Grid

  Flow

  ExclusiveGroup

  ExclusiveGroup(互斥分组)本身是不可见元素，用于将若干个元素组合在一起，供用户选择其中的一个选项。
  你可以在ExclusiveGroup对象中定义RadioButton、CheckBox、Action等元素，此时不需要设置他们的 exclusiveGroup属性；也可以定义一个只设置了id属性 的ExclusiveGroup对象，在别处定义的RadioButton、CheckButton、CheckBox、Action等元素时通过id初始化这些元素的exclusiveGroup属性。
  current属性指向互斥分组中第一个选择的元素。

  RadioButton

  要使用RadioButton，需要导入Controls模块。
  RadioButton用于多选一的场景，使用时需要通过exclusiveGroup属性为其指定一个分组。也可以和GroupBox结合使用。
  

• text属性存储单选按钮文本：单选按钮还有一个指示选中与否的小图标，一般显示在文本前面
• checked属性指示RadioButton是否被选中，也可以设置它选中或取消选中。
• hovered是只读属性，指示鼠标是否悬停在RadioButton上。
• pressed属性在按钮被按下时候为true；当单选按钮被按下时，activeFocusOnPress属性为true，按钮获得焦点
• 如果点击了一个单选按钮，则会触发clicked()信号。

  
  
      Rectangle{
          id:resultHolder;
          color:"#a0a0a0";
          width:200;
          visible=false;
          z:2;
          opacity:0.8;
          Text{
              id:result;
              anchors.centerIn:parent;
              ...
              ...
          }
      }
      ExclusiveGroup{
          id:mos;
      }
      Component{
          id:radioStyle;
          RadioButtonStyle{
              indicator:Rectangle{
                  implicitWidth:16;
                  implicitHeight:12;
  
              }
              Rectangle{
                  anchors.fill:parent;
                  visible:control.checked;
              }
          }
      }
      RadioButton{
              id:ios;
              text:"ios";
              exclusiveGroup:mos;
              checked:true;
              onClicked:resultHolder.visible=false;
      }

  CheckBox

  Checkbox是复选框,可以在一组选项中选择一个或多个选项，这些选项之间互不影响。相比RadioButton，CheckBox多了2个属性：partiallyCheckedEnabled属性指示是否允许部分选中状态，默认为false。checkedState记录选中状态，它的值可能是Qt.UnChecked、Qt.Checked或者Qt.PartiallyChecked。

  ComboBox

  组合框，由一个列表和一个标签控件(编辑控件)组成。列表框部分可以是一直显示的，也可以是隐藏的，在用户点击编辑控件边上的按钮(下拉箭头)时显示下拉列表框。列表框中当前选中的项(如果有的话)显示在标签控件或编辑控件中。
  Qt Quick提供的是ComboBox实际上是一个下拉列表框，列表默认是隐藏的。
  ComboBox的下拉列表是使用Menu实现的，列表内的每个条目对应一个MenuItem。
  editable属性决定下拉列表框的编辑控件是否可以编辑，默认为false，为true时可以编辑，此时editText保存编辑框的内容，同时可以设置validator属性来限制用户可以输入的文本。当编辑完成之后，ComboBox会发射accepted信号。