Unity3d中UGUI组件精简复盘(四)Image组件

上一节,我们简单概括了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组件作出的简要的描述,没有太多的内容,但是也希望能够对你有所帮助~ 也希望能获得你们的关注、点赞、评论吖~
你们的点赞、评论就是我前进的动力!

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

公众号:平平无奇代码猴
也可以搜索:Jackiie_wang 公众号,欢迎大家关注!欢迎催更!留言!

作者:ProMer_Wang

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

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值