0%

2021-07-08-QT-QML-Lesson6:仿界面开发之搜索框(QML Row、TextInput、SplitView)

目的#

  1. 掌握QML中使用其他QML类型
  2. 掌握Row
  3. 掌握TextInput
  4. 逐步仿制以下界面

20180701215843404

  1. 仿制效果

20180701220013129

主要内容#

  1. SplitView类型使用,注意Layout.fillWidth的说明
  2. Row使用,在Row有元素宽度不变时的处理(width: parent.width-searchButton.width)
  3. TextInput的使用,onActiveFocusChanged槽和activeFocus属性