文档首页 > > 用户指南> 组件指南> 素材> 自定义背景组件

自定义背景组件

分享
更新时间: 2019/06/14 GMT+08:00

本章节主要介绍自定义背景组件各配置项的含义。

样式

  • 尺寸位置
    • 图表尺寸:设置图层的宽和高。
    • 图表位置:设置图层在画布中的位置。
    图1 尺寸位置-自定义背景组件
  • 全局样式
    • 背景色:单击颜色编辑器设置背景颜色。
    • 背景图片:设置组件的背景图片,您可以从本地上传图片素材。
    • 缩放模式:单击下拉选项设置背景图片的缩放模式。可以选择为默认模式、按比例缩放、裁剪缩放、拉伸缩放。
    • 羽化:输入数值或单击设置背景组件的边缘虚化程度。羽化值为0,显示边缘无虚化;羽化值增加,虚化效果加强。
    • 模糊度:输入数值或单击设置背景组件的整体虚化程度。模糊值为0,背景无虚化; 模糊值增加,虚化效果加强。
    • 亮度:输入数值或拖动,设置背景组件的色彩明暗程度。亮度值为0,背景色调为黑暗效果;随亮度值增加,背景组件色彩更明亮。
    • 色相旋转:输入数值或拖动,设置背景组件的色相值。色相值变化范围表示色轮的角度范围,色相值为0,颜色没有变化。
    • 不透明度:输入数值或拖动,设置背景组件的不透明度。值为0,背景完全透明;值为100,背景完全不透明。
    图2 全局样式-自定义背景组件
  • 边线选项
    • 样式:设置背景组件的边线样式。可以选择为实线、虚线或点划线。
    • 宽度:设置背景组件的边线粗细程度。宽度为0,边线隐藏,宽度值越大,边线越粗。
    • 颜色:设置背景组件的边线颜色。
    图3 边线选项-自定义背景组件
  • 圆角
    • 左上角:设置背景组件左上角的圆角形状。圆角值越大,圆角度越明显。最小值为0%,最大值为50%。
    • 右上角:设置背景组件右上角的圆角形状。圆角值越大,圆角度越明显。最小值为0%,最大值为50%。
    • 右下角:设置背景组件右下角的圆角形状。圆角值越大,圆角度越明显。最小值为0%,最大值为50%。
    • 左下角:设置背景组件左下角的圆角形状。圆角值越大,圆角度越明显。最小值为0%,最大值为50%。
  • 动画
    • 显示/隐藏动画:单击“动画”右侧的勾选框,表示显示动画,表示隐藏动画。
    • 动画效果:单击下拉选项设置背景组件的动画效果。您可以设置为波幅、闪现、脉冲、摇摆、弹跳、弹跳渐入、弹跳消失、旋转渐入、旋转消失、放大渐入。
    • 速度:设置背景组件的动画快慢效果。您可以设置为慢速、缓慢、快速、更快。
    • 时间间隔: 设置动画运行的时间间隔。

数据

bg:背景图片地址。

  • “bg”有配置时,大屏优先显示“bg”配置的图片;
  • “bg”没有配置时,大屏显示“样式”页签中“全局样式”下的“背景图”
  • “背景图”也没有配置时,大屏显示蓝色的背景框。

交互

此组件没有交互事件。

分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!

非常感谢您的反馈,我们会继续努力做到更好!

反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

跳转到云社区