AWTK 最新动态：shape 控件的使用方法

AWTK 最新动态：shape 控件的使用方法

shape 控件的使用方法

shape 控件用于绘制各种基本图形。相对SVG控件来说，其使用简单，而且可以在运行时动态改变。

基本规则

x/w 参数取值在 [0,1] 时，实际值为控件的宽度乘以该参数。

比如 x=0.5，那么实际的值为 0.5 * widget->w

y/h 参数取值在 [0,1] 时，实际值为控件的高度乘以该参数。

比如 y=0.5，那么实际的值为 0.5 * widget->h

r 参数取值在 [0,1] 时，实际值为宽度和高度的最小值乘以该参数。

比如 r=0.5 w=40 h=60，那么实际的值为 20。

公共参数

stroke 线条颜色，默认黑色。none 表示不画线条。fill 填充颜色，默认白色。none 表示不填充。lw 线条宽度 (line width)，默认 1。

1.hline

功能：画水平线参数：

x（可选，默认 0) 起点 x 坐标。y（可选，默认 0.5) 起点 y 坐标。w（可选，默认 1) 宽度。on（可选，画虚线时指定实线长度）off（可选，画虚线时指定虚线长度）

如：

2.vline

功能：画垂直线参数：

x（可选，默认 0) 起点 x 坐标。y（可选，默认 0.5) 起点 y 坐标。h（可选，默认 1) 高度。on（可选，画虚线时指定实线长度）off（可选，画虚线时指定虚线长度）

如：

3.line

功能：画直线参数：

x1（可选，默认 0) 起点 x 坐标。y1（可选，默认 0) 起点 y 坐标。x2（可选，默认 1) 终点 x 坐标。y2（可选，默认 1) 终点 y 坐标。on（可选，画虚线时指定实线长度）off（可选，画虚线时指定虚线长度）

如：

4.rect

功能：画矩形参数：

x（可选，默认 0) 起点 x 坐标。y（可选，默认 0.5) 起点 y 坐标。w（可选，默认 1) 宽度。h（可选，默认 1) 高度。r（可选，默认 0）圆角半径。

如：

5.circle

功能：画圆参数：

x（可选，默认 0.5) 圆心 x 坐标。y（可选，默认 0.5) 圆心 y 坐标。r（可选，默认 0）半径。

如：

6.ellipse

功能：画椭圆参数：

x（可选，默认 0.5) 圆心 x 坐标。y（可选，默认 0.5) 圆心 y 坐标。rx（可选，默认 0.5）水平半径。ry（可选，默认 0.5）垂直半径。

如：

7.text

功能：在指定的矩形中画文本参数：

x（可选，默认 0) 起点 x 坐标。y（可选，默认 0.5) 起点 y 坐标。w（可选，默认 1) 宽度。h（可选，默认 1) 高度。size （可选，默认 18)，字体大小。color（可选，默认黑色），文本颜色。text 文本内容

如：

text(text='hello world',size=20,color=red)

8.path

功能：画复杂的路径。参数：

w 画布宽度。h 画布高度。data 路径数据（兼容 SVG 路径）。

格式参考 value="path(w=200,h=200,data='m88.27,126.32l20.55,-20.62l-39.73,0l-39.73,0l0,-12.76l0,-12.76l39.27,0c21.6,0 39.27,-0.65 39.27,-1.44c0,-0.79 -8.6,-10.07 -19.11,-20.62l-19.11,-19.18l17.66,0l17.66,0l26.97,27.03l26.97,27.03l-27.03,26.97l-27.03,26.97l-18.59,0l-18.59,0l20.55,-20.62z')" />

复合图形

可以按顺序调用多个函数，函数之间用英文的分号；分隔。

如：

使用 svg editor 绘制路径

用浏览器打开​​SVG Editor​​编辑 SVG，并生成路径数据。

下载 SVG 图片，并用文本编辑器打开，拷贝出 path 数据。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。