QtQuick学习笔记（三）组件

最新推荐文章于 2024-01-02 22:07:43 发布

混事儿

最新推荐文章于 2024-01-02 22:07:43 发布

阅读量591

点赞数

分类专栏： qt 文章标签： qml qt qtquick

本文链接：https://blog.csdn.net/u014761456/article/details/48639163

版权

本文介绍了QtQuick中创建组件的两种方法，包括直接在代码中定义和在单独文件中创建。强调了在单独文件中创建Component的规则，并展示了如何给组件添加属性和事件处理，提供了一个自定义组件MyComponent.qml的示例。

摘要由CSDN通过智能技术生成

组件这个词，英文叫component，但是中文翻译的很好，按字面来讲，很好理解，就是把件组合起来。

于是，组件就是各种东西组合起来当作一个东西。

做界面，为了复用代码，一定会用到组件。

QtQuck提供了非常方便的创建组件的方式。

一般有两种方式：

1，直接在代码里定义Component。

2，在单独文件中创建Component

先说第一种方法

一，定义Component

其实很简单，先举个例子：

Component{
    id:myComponent
    Rectangle{
        id:rect
        width:100
        height:100
        color:"red"
    }
}

这就是一个组件，然后里面放了一个长100，宽100，红色的矩形。

使用时，一般用loader来加载它

Loader{
    sourceComponent:myComponent
}

但其实这种方式我并不推崇，因为这个会让一个文件变得很大，可读性不好，作为写代码来讲，应该尽量使用第二种方法。

二，在单独文件中创建Component

在单独文件中创建Componen有个规则，那就是文件名首字母必须是大写，这样才会被认为是个Component<

关注

专栏目录