Unity技术手册-UGUI零基础详细教程-Image图片

这篇具有很好参考价值的文章主要介绍了Unity技术手册-UGUI零基础详细教程-Image图片。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

往期文章分享
  • 点击跳转=>《导航贴》- Unity手册,系统实战学习
  • 点击跳转=>《导航贴》- Android手册,重温移动开发

本文约3千字,新手阅读需要7分钟,复习需要2分钟收藏随时查阅不再迷路

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣 !!!
专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)
有什么需要欢迎私我,交流群让学习不再孤单

Unity技术手册-UGUI零基础详细教程-Image图片

👉前提

这是小空坚持写的Unity新手向系列,欢迎品尝。

小空为了方便更多的人(新手)看明白,使用的汉字,真实项目尽量使用英文规则昂。

新手(√√√)

大佬(√)

👉实践过程

Image可以说是最简单的控件了,大部分情况只需要指定一个精灵Sprite即可。我们往Unity中导入一个图片,将纹理类型(Texture Type)改为精灵(Sprite 2D and UI)即可拖拽到Image控件中的Source Image属性中。
Unity技术手册-UGUI零基础详细教程-Image图片
Unity技术手册-UGUI零基础详细教程-Image图片
Source Image(源图像):指定精灵Sprite即可。
Color:选择一个颜色,会和Image图片进行叠加显示。
Material(材质):可以让文字拥有更真实的效果,比如金属材质,比如一种石头上的文字就需要石头材质。
Raycast Target:是否可以作为射线检测的目标,勾选表示可以检测,这样在代码中可以获取鼠标针对该控件的碰撞。
Image Type:总共有四个模式,(默认是Simple模式,有两个属性,User Sprite Mesh-表示使用图片网格,暂时只知道可以集合Sprite Tight完成Overdraw减少,Preserve Aspect-表示图片是否保持宽高比,而不是填充,set Native Size-直接将图片设置为原始大小,并且会改变Image组件的)、(Sliced是切片模式,表示的是点9,形式的图片,这样可以不断拉伸进而不影响特定位置,也就是九宫格方式,需要选择图片素材,点击Sprite Editor进入编辑之后修改保存。除此之外Sliced切片模式还有个Fill Center属性,表示是否填充中心,取消勾选编辑过的九宫格中间将消失,看下方第二个GIF)

Unity技术手册-UGUI零基础详细教程-Image图片
Unity技术手册-UGUI零基础详细教程-Image图片
Unity技术手册-UGUI零基础详细教程-Image图片
Unity技术手册-UGUI零基础详细教程-Image图片
(Tiled平铺模式,将精灵图按照原始大小填充满区域,受Image中的每单位像素和图片素材属性中的像素密度影响)
Unity技术手册-UGUI零基础详细教程-Image图片

(Filed为填充模式,非常适合做冷却效果和进度条,包含Fill Method填充方法的修改-包含水平垂直90度180度360度,以及填充起点修改,还有填充量,是顺时针还是逆时针)
Unity技术手册-UGUI零基础详细教程-Image图片

👉其他

📢作者:小空和小芝中的小空
📢转载说明-务必注明来源:https://zhima.blog.csdn.net/
📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。

温馨提示点击下方卡片获取更多意想不到的资源。
Unity技术手册-UGUI零基础详细教程-Image图片文章来源地址https://www.toymoban.com/news/detail-407151.html

到了这里,关于Unity技术手册-UGUI零基础详细教程-Image图片的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Unity UGUI图片锯齿严重怎么解决

    在开发的时候,发现图片锯齿严重,打包到移动端或者在编辑器都这样,如下图 查了一些资料,找到了原因如下: 关于为什么会发生这种情况:看起来你的源资源比你在屏幕上显示的大小大得多。所以当双线性滤波试图平滑它时,它只能平滑源纹理中的2x2块纹理,这可能只

    2024年02月04日
    浏览(44)
  • unity多人联机(Mirror插件)有史以来最全的基础教程(附加报错提示和官方手册修改)

    目录 START👀 (☞゚ヮ゚)☞Mirror简介☜(゚ヮ゚☜) 组件介绍: 组件1:NetworkManager 组件2:NetworkManagerHUD(需要配合Network Manager组件) 组件3:NetworkIdentity 组件4:network discoverynetwork discoveryHUD 错误注意: 最后,对手册内容的一点修改: 今天我们只讲代码和组件,大家拿小本本记好了,字

    2024年02月02日
    浏览(51)
  • Unity UGUI的RawImage(原始图片)组件的介绍及使用

    RawImage是Unity UGUI中的一个组件,用于显示原始图片。与Image组件不同,RawImage可以直接显示原始图片的像素数据,而不需要经过额外的处理。 RawImage组件通过将原始图片的像素数据直接传递给显卡进行渲染,从而实现显示原始图片的功能。它可以显示各种格式的图片,包括常见

    2024年02月16日
    浏览(58)
  • ​Unity Vuforia 新手(图片识别)教程,后续整理 实体识别 详细流程

    最近有个Holoens2 识别灭火器实体交互的项目,大概有2-3年没有搞MR的项目了,重新看一下,以前没有记录的习惯,现在慢慢培养一下。 小Dome链接: link 图片识别 新手教程链接: link 识别物体 新手教程链接: link unity Holoens2开发使用Vuforia 新手教程链接: link 运行官方 Vuforia Hololen

    2024年02月04日
    浏览(70)
  • Unity基础UGUI学习

    使用 UGUI来开发UI,离不开Canvas组件,所有的 UI 元素,一般都是放在包含 Canvas 组件的节点。 Canvas组件都有那些属性? RenderMode: 渲染模式,大概有三种: Screen Space - Overlay: 覆盖屏幕,Canvas 永远覆盖在场景中的其它所有元素的上层。 Pixel Perfect: UI元素精确到像素对齐,边

    2024年02月01日
    浏览(38)
  • 【Unity基础】ugui画布篇(个人学习)

    ui是必学的东西,这里主要学习ugui的常用控件,而学习必须要养成查看源码的好习惯。。。。 知识参考:https://docs.unity3d.com/cn/2021.3/Manual/ 提前说明,这是个人学习笔记,不是教程。 Canvas故名思意就是UI的画板,主要是控制UI的绘制的。在unity的ugui中,所有UI都必须是Canvas的子物

    2023年04月08日
    浏览(32)
  • Unity UGUI3——三大基础控件

    ​ Image 是图像组件,是 UGUI 中用于显示精灵图片的关键组件 ​ 除了背景图等大图,一般都使用 Image 来显示 UI 中的图片元素 Source Image:图片来源 图片类型必须是“精灵 Sprite”类型 Color:图像的颜色 Matreial:图像的材质 一般不修改,会使用 UI 的默认材质 Raycast Target:是否

    2024年02月09日
    浏览(55)
  • Unity UGUI1——基础组件概述

    ​ UGUI 是 Unity 引擎内自带的 UI 系统,官方称之为:Unity UI ​ 是目前 Unity 商业游戏开发中使用最广泛的 UI 系统开发解决方案 ​ 它是基于 Unity 游戏对象的 UI 系统,只能用来做游戏 UI 功能 ​ 不能用于开发 Unity 编辑器中内置的用户界面 ​ Unity 最初版本 ~ Unity4.6 版本: ​

    2024年02月10日
    浏览(42)
  • Sprite Editor图片编辑器的使用_unity基础开发教程

    SpriteEditor是Unity引擎中的一个工具,用于创建和编辑2D图片。它提供了一系列功能,可以对图片进行剪裁、切割、翻转、旋转、调整大小等操作,以及设置图片的碰撞检测形状和渲染模式。 SpriteEditor可以帮助开发者将多张图片合并成动画精灵,并为每一帧设置播放时间和循环

    2024年02月01日
    浏览(44)
  • Unity 动态更换Image图片 && UI自适应

    前提:Image源文件必须存放在自行创建的文件夹[Resources]中 方式一:typeof 类型 Resources.Load()动态更换Image 方式二:泛型 这里的icon_{数值:00}实际上是图片的名称,只不过用的是正则的方式替换了

    2024年02月11日
    浏览(51)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包