创建形状

Qt Quick Designer 是一款用户界面设计工具，而非一般的绘图工具，因此重点在于提供现成的用户界面控件，您可以根据需要对其进行修改。控件的某些属性值是通过样式来指定的，因此无法更改。

不过，您可以使用组件中的一些组件来绘制基本形状，如矩形。此外，您还可以安装 Qt Quick Shapes Design Helpers模块来创建更复杂的形状，如2D 视图中的椭圆、多边形和星形。

Components 中的大多数可视化组件都基于Item 组件。尽管它本身没有可视化外观（类似于鼠标区域等），但它定义了可视化组件的所有通用属性，如位置、大小和可见性。更多信息，请参阅设置基本组件属性。

此外，每个组件都有一组指定其视觉外观和行为的属性。你可以修改属性值来设置填充和边框颜色、描边宽度以及形状的其他特征。

下文将详细介绍可用的形状及其属性。您可以在Properties 视图中修改属性值。

矩形

基本的Rectangle 组件用于绘制具有四边和四角以及实心边框的形状。

矩形可以使用纯色填充，也可以使用在Fill color 字段中设置的线性渐变填充。您还可以使用颜色选择器选择颜色，使用渐变选择器从预定义的WebGradients 中选择渐变。

通过设置Border color 和Border width 字段的值，可以在矩形中添加可选的实心边框，边框有自己的颜色和厚度。要创建无填充颜色的边框，请选择 按钮，将颜色设置为透明。

通过设置Radius 字段的值，可以创建具有圆角的形状。通过正确组合矩形的宽度、高度和半径属性值，可以创建椭圆形和圆形图形。例如，要绘制一个完整的圆形，首先要绘制一个四边相等的矩形，然后将其半径设置为边长的一半。

绘制曲线边缘时，可考虑在Advanced 部分启用Antialiasing ，以改善形状的外观。

矩形形状

如果您想独立修改矩形的每个角或使用虚线边框，请创建Components >RectangleShape 组件的实例。 Qt Quick Shapes Design Helpers而不是Default Components >Basic 中的基本Rectangle 组件。

通过设置Corner Radiuses 部分的属性值，可以独立绘制每个角。通过将半径值与Corner Bevel 部分的值结合使用，您可以创建带有切角的形状。

除线性渐变外，您还可以在Fill color 字段中指定锥形和径向渐变。

在Stroke Details 部分，您可以指定虚线和点线的边框模式、线条样式和破折号图案。

椭圆形

要添加完整的椭圆、弧线或填充饼片，请创建EllipseShape 组件的实例，该组件可在Components >. Qt Quick Shapes Design Helpers.设置Start angle 和Sweep angle 可控制形状的外观。

默认情况下，该类型渲染一个完整的椭圆。内部由Fill color 填充，轮廓则根据Stroke color 、Stroke width 和Stroke style 绘制。

要创建弧形或饼状切片，可将Start angle 和Sweep angle 设置为 0-360 度，以定义要绘制的椭圆段。

要创建简单的圆弧（只有轮廓），可将Fill color 设置为Transparent 。圆弧的线条样式可通过Dash pattern 和Dash offset 进行自定义。

要创建填充饼片（与中心相连的线段），请设置Fill color 。切片的轮廓也将被描边。

要创建甜甜圈环（空心椭圆），请将Inner arc ratio 设置为 0.0 和 1.0 之间的值。这定义了内椭圆半径与外椭圆半径的比率。

笔画内的区域使用Fill color 中设置的纯色填充，或使用Shape gradient 类型之一定义并在Fill gradient 中设置的渐变来绘制。如果同时设置了颜色和渐变，则使用渐变。

要添加具有自己颜色和厚度的可选边框，请设置Stroke color 和Stroke width 。将颜色设置为透明，可创建无填充色的边框。

要绘制圆角椭圆，请设置Corner radius 。

正多边形

正多边形可以是二维多边形形状的描边、填充或带有填充的描边。设置Stroke Details 可以改变轮廓的外观。

描边内的区域使用纯色填充或渐变进行绘制。如果同时设置了颜色和渐变，则使用渐变。

要创建带有描边的多边形，请将Side count 设置为 3-100 之间，将Stroke width 设置为大于 0。

要绘制带圆角的多边形，请设置Corner radius 。

星形

星形可以是星形笔触、填充或带有填充的笔触。设置Stroke Details 可更改轮廓的外观。

在 3 和 60 之间设置Point count ，以指定星形的点数。将比率设置在 0.1 和 1 之间，以指定星形内点与中心的距离。

笔触内的区域使用纯色填充或渐变进行绘制。如果同时设置了颜色和渐变，则使用渐变。

要创建带有笔触的星形，请将Side count 设置为 3-100 之间，将Stroke width 设置为大于 0。

要绘制圆角星形，请设置Corner radius 。

形状组件汇总

下表列出了用于绘制形状的组件。位置列表示组件在Components 中的位置。MCU 支持列表示 MCU 支持哪些组件。

图标	名称	位置	MCU 支持	用途
	椭圆形	形状组件，可呈现椭圆、弧线或饼状切片。	无
	矩形	默认组件 - 基本	是	用纯色填充或线性渐变以及可选边框绘制的矩形。您可以使用半径属性绘制圆形。
	矩形形状	Qt Quick 形状设计助手	无	一个扩展矩形，使用纯色填充或线性、锥形或径向渐变进行绘制，角的形状可以相互独立。
	正多边形	Qt Quick 形状设计助手	无	带边框的填充正多边形。
	星形	Qt Quick 形状设计帮助	无	填充的星形多边形，边框可选。