Unity3d中UGUI组件精简复盘Image组件

Posted 2021-07-17 ProMer_Wang

上一节，我们简单概括了Unity3D编辑器中渲染层级简要介绍。具体详情链接为：Unity3d中UGUI组件精简复盘（三）渲染层级

Image组件

Color属性：

在代码中控制Color有两个类，分别为Color 与Color32类，在VS里面我们可以通过F12找到源码中，可以看到函数中的相关参数。

Color类里面要传递的是3个float 参数

Color32 类里面要传的是一个int参数

Raycast Target：是否响应图片射线

切图： 注意图片资源格式的类型即 Sprite Mode 里的几种模式，

single模式下，是将该图片作为一张图片进行九宫格切图，点击Spirite Editor切图

multiple模式下，是将该图片作为一张图集进行九宫格切图，点击Sprite Editor切图，根据鼠标选中的范围进行切图

Image Type：

1、simple：简易模式

2、Slice： 切割模式，根据九宫格的划分进行分割，拉伸时，仅拉伸九宫格中心部分

3、Tiled： 平铺模式

4、Filled： 填充模式 ，可用于做技能CD

Fill Method： 决定填充的模式，Horizontal，Vertical，Radial 90，Radial 180，Radial 360

Fill Origin： 填充起点方式，Bottom Left，Bottom Right，Left，Right，Top

Fill Amount： 填充数值，0~1

Fill Center：中间填充模式，勾选时，中间会被渲染，不勾选时，中间会不进行填充。

以上呢，便是我对Image组件作出的简要的描述，没有太多的内容，但是也希望能够对你有所帮助~ 也希望能获得你们的关注、点赞、评论吖~
你们的点赞、评论就是我前进的动力！

如果博客博友对这个章节有更多的内容想要了解的，可以评论哈，等这一个章节结束后，我会根据评论反馈，将评论中反馈的内容在下一个计划中去制作出对应的内容的哈~

作者：ProMer_Wang

链接：https://blog.csdn.net/qq_43801020/article/details/117611847

本文为ProMer_Wang的原创文章，著作权归作者所有，转载请注明原文出处，欢迎转载！