QML中TextInput和TextField在设计布局时的不同

在QtQuick Controls模块中，每一个控件都有一个style属性，可以指定对应的样式类型，样式类型就是在该控件类型名称的后面加上Style，例如TextField对应的样式就是TextFieldStyle。要使用样式类型，必须导入下面语句：

import QtQuick.Controls.Styles 1.4

此时，还需要导入：

import QtQuick.Controls 1.X    配合使用，切忌导入

import QtQuick.Controls 2.X    此时style会一直标红

TextField {

        textColor: "red"//指定颜色的方式和textinput不同

        style: TextFieldStyle {

            background: Rectangle {

                color: "blue"//背景颜色

                border.color: "gray"//边框颜色

                radius: 5

            }//设置风格为蓝底灰边，圆角

        }

    }