image加载图片 ui unity_关于Unity中UI中的Image节点以及它的Image组件

本文详细介绍了Unity中UI组件Image的使用,包括Inspector面板属性、图片打包、Image组件的设置,如简单、平铺、九宫格缩放类型。特别强调了九宫格缩放步骤和Fill Area的配置,用于实现圆形进度条等效果。同时,提供了一个用于技能冷却时间显示的脚本示例,并分享了解决找不到Image组件类的小技巧。
摘要由CSDN通过智能技术生成

一、图片的Inspector面板属性

Texture Type:一般是选择sprite(2D and UI)

Sprite Mode:一般是选择Single

Packing Tag:打包的标志值,最后打包的时候会把Tag相同的所有小图打包成一个大图。不像cocos打包图集需要用到第三方软件,这里Unity会帮我们把相同Tag的图片打包成大图,非常方便。

Pixels Per Unit 100:表示100像素为1个Unity单位(1米),也可以在Scene视图中看出,640X960分辨率的图片在视图中占的网格横方向有6格多一点,竖方向9格多一点。

Pivot:表示锚点的位置,就是图片自身原点的位置(center==(0.5,0.5))

Sprite Editor按钮,在Pivot右下角,很容易被忽视,点开会有一个面板跳出来,这里是设置图片的九宫格缩放区域,就是指定哪些部位要缩放,自己用线拉出一个井字区域。

Filter Mode:缩放模式,用默认的就好

(1)Point(no filter):没有缩放

(2)Bilinear:B样条线性插值,放大几倍,就是把同样的像素复制几次。

(3)Trilinear:

注意:图片修改后一定要记得点击Apply按钮,应用设置,不然不会有改变。

二、Image节点的Image组件

1.把图片设置好后拖进Image节点的Source Image属性中,点击Set Native Size按照图片的原始大小填充Canvas。</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值