Skip to content

svg_image_t

概述

SVG图片控件。

svg_image_t是image_base_t的子类控件,image_base_t的函数均适用于svg_image_t控件。

在xml中使用"svg"标签创建SVG图片控件。如:

xml
<svg image="girl"/>

更多用法请参考:svg image

在c代码中使用函数svg_image_create创建SVG图片控件。如:

c
widget_t* image = svg_image_create(win, 10, 10, 200, 200);
image_set_image(image, "girl");

创建之后: 需要用widget_set_image设置图片名称。

完整示例请参考:svg image demo

可用通过style来设置控件的显示风格,如背景和边框等。如:

xml
<svg>
<style name="default">
<normal border_color="green" fg_color="red" />
</style>
</svg>

更多用法请参考:theme default

函数

函数名称说明
svg_image_cast转换为svg_image对象(供脚本语言使用)。
svg_image_create创建svg_image对象
svg_image_get_widget_vtable获取 svg_image 虚表。
svg_image_set_cache_mode控件设置是否开启离线缓存渲染模式。
svg_image_set_draw_type控件设置svg图片绘制模式。
svg_image_set_image设置控件的图片名称。

属性

属性名称类型说明
draw_typeimage_draw_type_tsvg图片的绘制方式(支持旋转缩放, 目前仅支持scale、scale_auto模式)。
is_cache_modebool_t离线缓存渲染模式。

svg_image_cast 函数

  • 函数功能:

转换为svg_image对象(供脚本语言使用)。

  • 函数原型:
widget_t* svg_image_cast (widget_t* widget);
  • 参数说明:
参数类型说明
返回值widget_t*svg_image对象。
widgetwidget_t*svg_image对象。

svg_image_create 函数

  • 函数功能:

创建svg_image对象

  • 函数原型:
widget_t* svg_image_create (widget_t* parent, xy_t x, xy_t y, wh_t w, wh_t h);
  • 参数说明:
参数类型说明
返回值widget_t*对象。
parentwidget_t*父控件
xxy_tx坐标
yxy_ty坐标
wwh_t宽度
hwh_t高度

svg_image_get_widget_vtable 函数

  • 函数功能:

获取 svg_image 虚表。

  • 函数原型:
const widget_vtable_t* svg_image_get_widget_vtable ();
  • 参数说明:
参数类型说明
返回值const widget_vtable_t*成功返回 svg_image 虚表。

svg_image_set_cache_mode 函数

  • 函数功能:

控件设置是否开启离线缓存渲染模式。

在确保svg图片不经常变化大小及状态的情况下,开启离线缓存渲染能够减少解析bsvg的开销,提高效率。

  • 函数原型:
ret_t svg_image_set_cache_mode (widget_t* widget, bool_t is_cache_mode);
  • 参数说明:
参数类型说明
返回值ret_t返回RET_OK表示成功,否则表示失败。
widgetwidget_t*image对象。
is_cache_modebool_t是否开启缓存模式。

svg_image_set_draw_type 函数

  • 函数功能:

控件设置svg图片绘制模式。

  • 函数原型:
ret_t svg_image_set_draw_type (widget_t* widget, image_draw_type_t draw_type);
  • 参数说明:
参数类型说明
返回值ret_t返回RET_OK表示成功,否则表示失败。
widgetwidget_t*image对象。
draw_typeimage_draw_type_t绘制模式。

svg_image_set_image 函数

  • 函数功能:

设置控件的图片名称。

如果需要显示文件系统中的图片,只需将图片名称换成实际的文件名,并加上"file://"前缀即可。

  • 函数原型:
ret_t svg_image_set_image (widget_t* widget, const char* name);
  • 参数说明:
参数类型说明
返回值ret_t返回RET_OK表示成功,否则表示失败。
widgetwidget_t*image对象。
nameconst char*图片名称,该图片必须存在于资源管理器。

draw_type 属性

svg图片的绘制方式(支持旋转缩放, 目前仅支持scale、scale_auto模式)。

  • 类型:image_draw_type_t
特性是否支持
可直接读取
可直接修改
可持久化
可脚本化
可在IDE中设置
可在XML中设置
可通过widget_get_prop读取
可通过widget_set_prop修改

is_cache_mode 属性

离线缓存渲染模式。

  • 类型:bool_t
特性是否支持
可直接读取
可直接修改
可持久化
可脚本化
可在IDE中设置
可在XML中设置
可通过widget_get_prop读取
可通过widget_set_prop修改