UI

创建图片

Image 组件用于在 UICanvas 中显示图片。

编辑器使用

添加 Image 节点

层级面板 添加 Image 节点

若父亲或祖先节点没有画布组件,会自动添加上根画布节点。

设置 Sprite

Image 的显示内容取决于设置的 Sprite 资产 ,选中添加了 Image 组件的节点,在 检查器面板 的 Sprite 属性选择对应的精灵资产即可替换显示内容。

修改渲染模式

Image 目前提供三种绘制模式,分别是普通绘制,九宫绘制与平铺绘制(默认为普通绘制),在不同的绘制模式下,修改绘制宽高可以直观地感受到各种模式之间的渲染差异。

调整尺寸

请参照快速调整 UI 元素的尺寸

属性

属性名描述
sprite渲染的精灵
color精灵颜色
drawMode绘制模式,支持普通,九宫和平铺绘制模式
raycastEnabled是否可以被射线检测到
raycastPadding射线检测的自定义边界与他的碰撞区域的距离,它是归一化的值并且 X,Y,Z,W 分别代表距离左下右上四条边的距离

脚本开发

这篇文档对您有帮助吗?