在线客服
400-600-2507 周一至周五:9:00-21:00 周末至节日:9:00-18:00内容 (*必填)
联系方式 (*必填)
提交
2D组件概述
上次更新时间:2020-01-19 15:02:402D组件,更加灵活多变的2D对象。我们准备了一个案例方便您快速体验2D组件的各个功能。
入口
点击2D组件,打开组件列表,在列表中选择你想添加的组件,单击图标将其加入画布中央。
2D组件由框架层、形状层、图片层、文字层组成。
框架层
框架层控制组件的坐标、尺寸及旋转角度。
形状层
形状层决定组件的形状,该层是一个矢量图形,可以设置填充色、更改形状、添加阴影、添加边框。
图片层
图片层处于形状层之上,会将形状覆盖,你可以为你的组件上传本地图片,进一步增加个性化效果。
将图片设置一定的透明度,便可显示出下方形状,产生叠加效果。
文字层
最后,2D组件最上方是文字层,可以输入文本并调整文字样式。
双击2D组件进入文本编辑。
文字内容过多时,会向垂直方向拓展,而水平方向始终约束在框架层范围内。
在框架内单击鼠标右键,退出文本编辑。
退出后,文字仅显示框架内的部分,其余部分被裁切。
交互设置
每个2D组件都拥有不同的交互行为,如点击、长按、选中、禁用等,在交互设置中,你可以看到该2D组件拥有哪些交互行为,并为其配置相应的交互样式。
示例1:选择交互行为-按下,将其尺寸设置为缩放0.9。
配置效果即为:该组件在按下时,尺寸会缩放至原始大小的0.9倍,模拟按下按钮的效果。
示例2:选择交互行为-选中,将其形状填充色设置为绿色。
配置效果即为:该组件在点击后选中时,颜色会变为绿色,模拟按钮切换状态的效果。
更多个性化效果,等你亲自发掘,赶快打开编辑器试试吧~
触发
同其他对象一样,2D组件也可以配置触发事件。
版权所有 南京设易网络科技有限公司 2024 保留一切权利
苏ICP备11003578号-15
营业执照(统一社会信用代码):913201055520560880 | 增值电信业务经营许可证:苏B2-20160111