Unity3D之UGUI基础3:Image图片

版权声明:非游戏开发类文章可以随意转载,游戏开发类文章不可转载,除此之外博客中所有代码都并非项目中的实际代码,仅供学习和参考 https://blog.csdn.net/Jaihk662/article/details/87867551

 

一、Image基本使用

Image组件用于显示图片资源或者纯粹的颜色

在导入图片资源之前,可以先对图片进行以下操作:

  1. 必须:将图片的类型修改为“Sprite(2D and UI)”
  2. 点击Sprite Editor给图片进行九宫划分(九宫模式必须)

图片的基础属性

  • Source Image:这个就不用说了吧
  • Color:图片的色调,当没有图片时显示的颜色
  • Raycast Target:当前游戏物体是否接受射线,如果取消勾选射线会直接穿透该物体
  • Image Type:图片的4种模式,下面有详细介绍
  • Simple::Preserve Aspect:是否等比例缩放

 

三、四种图片模式

UGUI的四种图片模式和NGUI一致,所以可以参考这篇文章:Unity3D之NGUI基础5:UISprite显示图片

  • Simple:默认模式
  • Sliced:九宫模式,实现局部放大(防止图片失真),一般用于按钮设计,在使用该模式之前需要找到图片源,点击Sprite Editor给图片进行九宫划分,上面也有讲
  • Tiled:平铺模式,FillCenter属性为是否只用九宫格中间区域平铺
  • Flip:进度模式,Clockwish属性为是否反向填充

 

展开阅读全文

没有更多推荐了,返回首页