UnityUGUI基础之Image格式讲解

UnityUGUI基础之Image格式讲解
UGUI的Image等价于NGUI的Sprite组件,⽤于显⽰图⽚。
⼀、Image组件:
Source Image(图像源):纹理格式为Sprite(2D and UI)的图⽚资源(导⼊图⽚后选择Texture Type为Sprite(2D and UI))。
Color(颜⾊):图⽚叠加的颜⾊。
Material(材质):图⽚叠加的材质。
怎么自制纳米胶带
Raycast Target(射线投射⽬标):是否作为射线投射⽬标,关闭之后忽略UGUI的射线检测。
锌合金压铸工艺
Image Type(图⽚显⽰类型):
Simple(基本的):图⽚整张全显⽰,不裁切,不叠加,根据边框⼤⼩会有拉伸
Preserve Aspect(锁定⽐例):针对Simple模式,勾选之后,⽆论图⽚的外形放⼤还是缩⼩,都会⼀直保持初始的长宽⽐例。塑料保鲜盒
KU波可调电衰减器
Image Type(图⽚显⽰类型):
Sliced(切⽚的):图⽚切⽚显⽰,在Project页⾯选中图⽚,切换为Sprite(2D and UI)模式后,点击Sprite Editor进⼊图⽚裁切模式,将图⽚裁切为上图的形状,使⽤Sliced模式后,根据图⽚边框拉伸,图⽚的四个⾓会保持原状,⽽1和4部分会随着图⽚的横向拉伸⽽拉伸,2和3部分会随着图⽚的纵向拉伸⽽拉伸,图⽚的中间部分会拉伸5进⾏填充
Fill Center(填充中⼼):勾选后,5显⽰,反之,5不可见。
Image Type(图⽚显⽰类型):
股骨头仪Tiled(平铺的):若图⽚已经过裁切,则使⽤Tiled模式后,根据图⽚边框拉伸,图⽚的四个⾓会保持原状,⽽1和4部分会随着图⽚的横向拉伸⽽拉伸,2和3部分会随着图⽚的纵向拉伸⽽拉伸,图⽚的中间部分会⽤5进⾏平铺填充。若图⽚未裁切,则使⽤Tiled模式后,根据图⽚边框拉伸,图⽚保持原⼤⼩不做变化,只是⽤⾃⾝平铺填充。
Fill Center(填充中⼼):(已裁切的图像源才有此选项)勾选后,5显⽰,反之,5不可见。
炭化
Image Type(图⽚显⽰类型):
Filled(填充的):根据填充⽅式、填充起点、填充⽐例决定图⽚显⽰哪⼀部分。
Fill Method(填充⽅式):分为⽔平、垂直、90度圆、180度圆、360度圆。
Fill Origin(填充起点):根据填充⽅式不同有所变化。
Fill Amount(填充⽐例):0是完全不显⽰,1是完全显⽰。
⼆、使⽤中的技巧:
《功能1:我想在程序⾥动态切换图像源,包括我电脑硬盘⾥任意⼀张图⽚》
思路:⾸先我们要将该图⽚读⼊字节流,然后转换为Sprite,就可以直接赋给Image了,代码如下:
传⼊的参数bytes为图⽚⽂件转换的字节数组,⾄于怎么转,⽹上⼀收⼀⼤把,这⾥就不做说明了,texture2d为⼀个Texture2D变量,返回的_sprite就可以直接赋值给Image的图像源了。
《功能2:我也想给图⽚添加像⽂本那样的阴影效果和描边效果》
阴影效果:还是添加阴影特效组件
描边效果:还是添加描边特效组件

本文发布于:2024-09-20 14:48:48,感谢您对本站的认可!

本文链接:https://www.17tex.com/tex/2/106262.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:拉伸   填充   裁切
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议