# UISprite 图片组件

# 概述

UISprite 实现各种图渲染的功能。

# 使用方法

var uiSpriteComponent = entity.addComponent(engine.UISprite);
uiSpriteComponent.spriteFrame = ...;

# 组件概要

UISprite -> Renderable2D -> Component -> Object

# 组件属性

属性名 类型 默认值 说明
type engine.UISprite.Type.Simple
engine.UISprite.Type.Sliced
engine.UISprite.Type.Filled
engine.UISprite.Type.Simple Simple:以普通的方式渲染图片
Sliced:以九宫格的方式渲染图片
Filled:以填充的方式渲染图片,填充方式见fillDir属性
flip engine.UISprite.FlipType.Nothing
engine.UISprite.FlipType.Horizontally
engine.UISprite.FlipType.Vertically
engine.UISprite.FlipType.Both
engine.UISprite.FlipType.Nothing 图片渲染的翻转方式
fillDir engine.FillDirectionType.Horizontal
engine.FillDirectionType.Vertical
engine.FillDirectionType.Radial90
engine.FillDirectionType.Radial180
engine.FillDirectionType.Radial360
engine.FillDirectionType.Horizontal 图片填充的方式,type为engine.UISprite.Type.Filled时生效
fillAmount number 0 填充的进度,type为engine.UISprite.Type.Filled时生效
invertFill boolean false 是否反向填充顺序
spriteFrame engine.spriteFrame null 渲染的图片资源
点击咨询小助手