1.首先新建一个qml应用程序
2.双击如图所示mainform.ui.qml(我这里没区分大小写),默认是打开设计模式
3.将rectangle(图中红色圆框)拖入到mainform.ui(图中黄色圆框)完成后你会看到你拖入的rectangle(图中紫色圆框)
4.如图所示右击你拖入的rectangle选择move to component
5.如图所示 在组件名中填入你的组件名 左边是组件的属性,这些都是以后可以修改的,点击ok后就会生成对应的qml文件 (你的组件名.qml)
至此就添加了一个自己的组件
注意:添加了鼠标单击事件后就不能用设计的模式打开qml文件了会报错 : 在quick ui 中不支持JavaScript模块