Unity学习笔记(09)：UGUI的Image节点和Sprite精灵图、实现进度条加载动画

最新推荐文章于 2022-08-10 16:07:14 发布
VIP文章 最新推荐文章于 2022-08-10 16:07:14 发布
阅读量2.4k 收藏 5
点赞数 1
分类专栏： Unity 文章标签： unity unity3d
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piconjo/article/details/106894751
版权

2D模式：
在这里插入图片描述
选择Single模式：
在这里插入图片描述
Packing tag是指定打包标签 相同的标签在打包时会被打包在同一个文件中 以节省显存

Filter Mode是缩放模式
Point(no filter)无缩放 比如放大两倍 则将像素复制两倍
在这里插入图片描述

Image Type是缩放模式：
在这里插入图片描述
当图片尺寸放大时

  • Simple模式是简单的拉伸 伸长
  • Tiled模式是平铺 将图片分成多个同样的图
  • slice模式是图片按照九宫格缩放
    类似于聊天气泡 只拉伸图片的一部分
    且九宫格较为省资源
    在这里插入图片描述
    在Sprite Editor里指定拉伸区域：
    在这里插入图片描述
    拖动点以修改边框：
最低0.47元/天 解锁文章
Piconjo_Official
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Unity 之 UGUI Image图像组件详解
陈言必行 -- Unity游戏开发领域优质博主
09-13 1万+
图像__控件向用户显示非交互式图像。此图像可用于装饰、图标等，也可以从脚本更改图像以便反映其他控件的更改。该控件类似于原始图像 (Raw Image) 控件，但为动画化图像和准确填充控件矩形提供了更多选项。但是，图像控件要求其纹理为精灵，而原始图像可以接受任何纹理。
Unity+UGUI 圆形进度条
07-12
UGUI实现的圆形进度条 可用于进度条显示 也可用于拖拽验证码的功能
Unity2D:Sprite和Image的区别
热门推荐
a435931517的专栏
11-27 2万+
Sprite和Image区别 面试的时候被问到Sprite和Image的区别，我当时就感觉这有什么区别呢？ 后来查了下资料，还是自己无知啊！ 下面就具体的区别做个笔记 Image 和Sprite 区别 下图是一个Sprite 在Unity中可以在Hirerarchy层右键->2D Object里找到Sprite，那么他们的属性面板有什么区别呢？如下图所示： 渲染上： Image 通过U...
Unity 加载图片到Image或SpriteRender组件
海月的博客
07-21 4114
public Texture2D background; private void Awake() { GameObject.Find("Background").GetComponent<Image>().sprite = Sprite.Create(background, new Rect(0, 0, background.width, background.height), new Vector2(0.5f, 0.5f)); }
学习在于折腾之Unity的sprite和image
leanerU的博客
10-09 2238
  今天在测试某一些功能的时候，明白了一些sprite和image的区别，以及苦恼了一阵子的关于图片替换的问题。 在Unity中，将图片直接拖入Scene界面中，Unity会自动给予图片一个Sprite组件，将它默认为精灵（我的理解是用作2D的图片，不过似乎3D中也可用，暂时不明。） 当有了sprite组件，位置就以transform而不是Rect transfrom，这时候是以游戏界面而不...
Unity2D：Sprite和UI Image的区别
宁静致远
01-05 2万+
http://blog.u3dgames.cn/unity/2016-07/Unity-Sprite-VS-Image.html Unity3D最初是一个3D游戏引擎，而从4.3开始，系统加入了Sprite组件，Unity也终于有了2D游戏开发的官方解决方案。4.6更是增加了新的UI系统uGUI，使得使用Unity开发2D游戏效率非常高。 那么对于从事2D游戏开发的同学来说，想必都
Unity图集、Image和SpriteRenderer
weixin_42186870的博客
10-26 2682
Unity图集、Image和SpriteRenderer 前言 最近好久没有写技术笔记了，今天继续回归日常学习的状态。 图集Tight Packing Unity提供的SpriteAtlas有一个Tight Packing选项。这个选项勾选之后，图片就会按照它的Sprite Mesh来进行图集排布。可以大大提升图集的使用率，尤其是对于那些斜视角游戏。 但是使用Tight Packing会面临一个问题，就是默认情况下，Image使用的Mesh是Rect Mesh，也就是说在裁剪图集的时候，回把一些我们不想
untiy加载一张本地图片到Image 精灵
吴梓穆的博客
08-10 1099
image组件需要一个精灵sprite来显示图片，所以我们要做的是把本地图片转为精灵。
Unity SpriteRender 和Image的区别
冰块药丸的博客
12-11 1万+
1. 首先，spriterender是sprite显示图片需要的组件，通常来说sprite应该是transfrom，也就是世界坐标，而image被归类为UI组件，使用的是recttransfrom，使用UI坐标。 2.spriterender（以下简称sr）控制大小是使用scale，也可以将sr的DrawMode改为Sliced，修改其width和height调整大小。而image除了可以用
Unity 2017 UGUI 如何在Image或Button上播放帧动画
Wmayy_123的博客
11-01 452
.。。。。。。。。
unity UGUI图片任意截取和裁剪
04-07
使用ugui对图片进行任意角度，大小，缩放，以及任意位置进行截取和裁剪，还可以设置圆角或者矩形方式操作
Unity3D脚本：Unity贴图动画的实现1
08-08
//声明一个数组，存放贴图，声明后，在inspector会看到一个frames的数组，//数组的长度可以自己填，填1，就代表只有1张图，可以把一张texture
AtlasImage：AtlasImage是一个图形组件，将SpriteAtlas用于uGUI。 另外，将有用的精灵选择器和边框编辑器添加到检查器
02-06
您是否仍然对SpriteAtlas和Image SpriteAtlas疲劳？ 没有SpriteAtlas的界面 仅支持Sprite 。 我们打包了精灵以进行绘图调用优化，但是没有接口。 令人困惑的精灵选择器 您可以使用对象选择器选择精灵。 Opject ...
ImageAlpha(UGUI图片渐变).unitypackage
09-05
可用于UGUI image渐变效果，处理图片切换，轮播等特效处理。
Unity学习笔记(04)：transform、Find/FindChild、GetChild、deltaTime、方向向量、坐标转换、缩放、旋转、LookAt、Quaternion、Vector3
"✧treasure mountain✧"
06-21 7547
六、transform组件 ????transform组件的作用： 1、控制3D物体的平移 缩放 旋转 2、维护场景树 每个MonoBehavior都有一个成员指向当前节点的transform组件 每个MonoBehavior都有成员gameObject指向该脚本的组件实例所挂载的节点对象 ????代码控制属性 void Start () { // this.gemeObject 组件实例所挂载的场景的节点对象 Debug.Log(this.gameObject.name); }
Unity学习笔记(06)：Camera摄像机、透视摄像机和正交摄像机、光源、烘培模式
"✧treasure mountain✧"
06-21 4557
一、概述 Unity特性：跨平台开发 Unity支持多个平台 包括windows mac linux等pc操作平台 对web平台的支持 需要安装WebPlayer 类似于FlashPlayer 支持Android ios等移动操作平台 支持webGL的平台 mono mono是实现了跨平台的.NET框架 原本.NET只能Windows上用 而使用mono开发的.NET就能用于Linux等各种平台 而mono衍生出了两个大项目 一个是跨移动APP平台的Xamarin 能直接开发兼容Android和IOS的应用
Unity学习笔记(07)：UGUI的Canvas、Image组件
"✧treasure mountain✧"
06-21 3591
Unity的GUI包 在Unity中完成2D界面 有两种方式 有自带的GUI 还有开源的第三方包NGUI 其中 NGUI被Unity广泛使用 在Unity5.x之后 Unity和NGUI联合开发了UGUI 因此 Unity已经内置了UGUI ????在3D世界显示2D元素 在Unity中 3D的单位是m(米) 而2D的单位是px(像素) 有两种方式可以实现在3D世界显示2D元素： 1、使用正交摄像机 (参看Unity学习笔记(06)：Camera摄像机、透视摄像机和正交摄像机、光源、烘培模式) 2、
Unity学习笔记(05)：struct结构体、常用几何体及3D模型导入、FBX模型导入
"✧treasure mountain✧"
06-21 3545
七、struct结构体 ????get访问器和set访问器 必须实现访问器才能实现读写的功能 value指的是外部传入的值 在set访问器里使用value来统一替代 class Person { int my_age; int sex; public int age { get { // 读访问器 return this.my_age; } set { // 写访问器 this
Unity学习笔记(03)：Unity C#模块化开发、基本数据类型、权限修饰符、const & readonly
"✧treasure mountain✧"
06-21 3538
五、Unity C#编程 游戏运行模式 程序首先初始化 然后进入一个while(true)循环 检查是否有消息(包括鼠标事件等) 若有消息 则处理后 然后计算 绘制场景 程序处在这么一个大循环中 不断检查是否有事件 若有则处理 帧频 在while循环中 游戏会有一秒循环的次数 比如CPU可以一秒绘制80次画面 人对于画面的流畅感若到了60 其实已经非常流畅了 帧频若达到60 则可以不用继续提升了 若继续提升 其实也感觉不出来 而且会更加消耗CPU 因此 在绘制的时候可以看时间是否到达 若还没到 则sle
unity ugui获取sprite自定义分割图片
最新发布
09-03
最后，我们可以使用纹理数据和矩形区域来创建Sprite，然后将其赋值给每个小图的Image组件的Sprite属性，从而实现自定义分割图片的效果。 需要注意的是，以上步骤中涉及的具体计算和代码实现，可以根据具体情况进行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值