【UGUI】Image图片

Image

Image控件用来显示图片，图片格式为Sprite

组件有Rect Transform组件，Canvas Renderer组件和Image组件

Image组件

Source Image：图片

Color：颜色

Material：材质

Raycast Target：是否接受射线

选择图片前，需要将图片的格式设置为Sprite(2D and UI)

选择图片后

Image Type：图片显示类型

• Simple：拉伸显示，只显示单张图片

1. Preserve Aspect：图片是否按照原来宽高比显示，不改变Image控件大小
2. Set Native Size：将Image控件大小设置为图片默认的大小

• Sliced：按照九宫格显示，局部放大，防止图片失真

1. Fill Center:是否填充中心

• Tiled：平铺显示，按照图片原始大小显示

1. Fill Center:是否填充中心

• Filled：填充显示，可以模拟技能冷却效果

1. Preserve Aspect：图片是否按照原来宽高比显示，不改变Image控件大小
2. Set Native Size：将Image控件大小设置为图片默认的大小
3. Fill Method：填充方法（Horizontal / Vertical / Radial90 / Radial180 / Radial360）（水平/垂直/90/180/360）
4. Fill Origin：填充原点，根据所选填充方法有不同的值
5. Fill Amount：填充数量
6. Clockwise：是否顺时针填充，勾选之后顺时针填充

 

 设置Image Type：Sliced前需要将设置图片的九宫格

 

---

UGUI

Canvas

Text

Image

RawImage

Button

Toggle

Slider

Scrollbar

Scroll View

Dropdown

InputField