Unity 之 UGUI Image图像组件详解

2020-09-13 23:38:26 944 收藏
分类专栏： UGUI 控件详解 文章标签： unity3d UGUI Image
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Czhenya/article/details/108486422
版权

Unity 之 UGUI Image图像组件详解

图像__控件向用户显示非交互式图像。此图像可用于装饰、图标等，也可以从脚本更改图像以便反映其他控件的更改。该控件类似于原始图像 (Raw Image) 控件，但为动画化图像和准确填充控件矩形提供了更多选项。但是，图像控件要求其纹理为精灵，而原始图像可以接受任何纹理。

1,属性面板

image

属性名称 解释说明：
Source Image 表示要显示的图像的纹理（必须作为精灵1导入）。
Color 要应用于图像的颜色。
了解本专栏 订阅专栏 解锁全文
佛系老陈 CSDN认证博客专家 Unity C# Lua 游戏开发
一个从事游戏开发行业的U3D程序猿，本博客专注分享学到的知识和开发中遇到的问题；若有不足，敬请指正，共同学习，一起进步！！！
已标记关键词 清除标记
Unity UGUI基础之Image
神码编程
06-24 4万+
UGUI的Image等价于NGUI的Sprite组件，用于显示图片。 一、Image组件： Source Image（图像源）：纹理格式为Sprite（2D and UI）的图片资源（导入图片后选择Texture Type为Sprite（2D and UI））。 Color（颜色）：图片叠加色。 Material（材质）：图片叠加
表情包
插入表情
还能输入1000个字符
相关推荐
Unity UGUI——Image（基本属性）
Mr_AHao的专栏
03-18 4496
Source Image、Color、Material
Unity 实现Image流光效果Shader
zhuyuqiang1238的专栏
11-25 216
参考以下博客内容 https://blog.csdn.net/u013936327/article/details/47053721 Unity中，经常实现Image图片闪过流光类似的效果。网上也有很多插件实现这种效果，我参考了上述博客，进行了整理。 （1）首先新建一个Shader，命名为Logo.Shader,文件内容如下。该效果是使用顶点和片段着色器实现，对该着色器不了解的可以去进行学习。单纯为了使用的话，直接Copy即可 Shader "Custom/LogoFlash" { Prop
Unity UGUI Image 中文详解-Chinar
ChinarCSDN的博客
08-06 3685
Unity UGUI Image 中文详解-Chinar 助力快速掌握 Unity UGUI中 Image 组件的使用 为初学者节省宝贵的时间，避免采坑！ Image 组件是 UGUI 中最常用的组件。作用：控制/显示图片 1.1 Attribute —— 属性 Source Image 需要显示图片来源（文件引用） Color 图片的颜色 Material 渲染图像的材质 Raycast Target 能否接收到射线检测 Image Type 图片的排列类型 Simple (普通模式)，Sliced (九
Unity UGUI替换Image图片的三种方式
AGroupOfRuffian的博客
11-27 1万+
在NGUI中，我们可以直接用spriteName = “想要替换的图片名称”;  就可以很方便的替换资源 而UGUI却相对要麻烦一点，下面为大家介绍比较常用的三种替换方式。 一、 [csharp] view plain copy using UnityEngine;   using System.Collections;   us
UGUI内核大探究（八）MaskableGraphic
凯奥斯的注释
09-16 1万+
MaskableGraphic是UGUI的核心组件，它继承自Graphic。MaskableGraphic是一个抽象类，它的派生类有RawImage、Image、Text。顾名思义，MaskableGraphic是可遮罩的图像。本文就介绍一下MaskableGraphic的实现原理。
【UGUI】Image图片
GreAmbWang的博客
05-01 2271
Image Image控件用来显示图片，图片格式为Sprite 组件有Rect Transform组件，Canvas Renderer组件和Image组件 Image组件 Source Image：图片 Color：颜色 Material：材质 Raycast Target：是否接受射线 选择图片前，需要将图片的格式设置为Sprite(2D and UI) 选择图片后 ...
Unity UGUI基础之Image格式讲解
七夜听雪
01-08 1272
UGUI的Image等价于NGUI的Sprite组件，用于显示图片。 一、Image组件： Source Image（图像源）：纹理格式为Sprite（2D and UI）的图片资源（导入图片后选择Texture Type为Sprite（2D and UI））。 Color（颜色）：图片叠加的颜色。 Material（材质）：图片叠加的材质。 Raycast Ta...
Unity3D中在Inspector面板中显示复合属性信息（类属性/Struct属性）
悲欢离合的博客
09-12 6815
在Unity3D开发过程中，我们可能会需要在Inspector中显示某些较复杂的数据类型
unity Image Color设置
qq_32354205的博客
01-22 4532
设置方式 Image.color = new Color(1,1,1,1) 最后一个代表透明度，注意的是每个的最大值是1，所以如果你自己设定的值是255时候，要用255/255f
Unity3D之UGUI基础3：Image图片
加载中...
02-21 1782
  一、Image基本使用 Image组件用于显示图片资源或者纯粹的颜色 在导入图片资源之前，可以先对图片进行以下操作： 必须：将图片的类型修改为“Sprite(2D and UI)” 点击Sprite Editor给图片进行九宫划分（九宫模式必须） 图片的基础属性 Source Image：这个就不用说了吧 Color：图片的色调，当没有图片时显示的颜色 Raycast Ta...
Unity UGUI之Image
airpower2012的博客
11-08 28
Image组件在Inspector Source Image--需要一个Sprite（精灵）。 Color--图片的颜色 Material--可以添加材质球 RayCast Target--选中可以传递消息给EventSystem 转载于:https://www.cnblogs.com/dawenhao/p/9928161.html...
Unity自定义UI组件(一)函数图篇(上)
SpringD
04-25 9077
Untiy自定义UI组件 自定义折线图，曲线图，条形图，饼图，函数公式图等 可自定义多种别的工具比如颜色拾取器，日期拾取器，简单Excel的绘制
关于Unity中UI中的Image节点以及它的Image组件
weixin_33842304的博客
05-16 1170
  一、图片的Inspector面板属性 Texture Type：一般是选择sprite(2D and UI) Sprite Mode：一般是选择Single Packing Tag：打包的标志值，最后打包的时候会把Tag相同的所有小图打包成一个大图。不像cocos打包图集需要用到第三方软件，这里Unity会帮我们把相同Tag的图片打包成大图，非常方便。 Pixels Per Unit 100：...
unity实现Image任意形状完全显示
weixin_41995872的博客
08-28 941
using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; #if UNITY_EDITOR using UnityEditor; #endif [DisallowMultipleComponent] [RequireComponent(typeof(R...
Unity UGUI学习系列(一) ------ 圆形图片实现方法
千喜
08-20 689
本系列文章是学习siki学院UGUI整体解决方案-案例篇笔记 GitHub地址：https://github.com/BlueMonk1107/UGUISolution 本文介绍两种实现圆形图片的方法,效果如下: 一.image mask实现 准备好要显示的图片以及一张圆形图片 创建两个image,结构如下: 上面一个imag...
UGUI的Image
鳄鱼泪的博客
10-13 1220
Image组件 参数： Source Image：资源图片(需要是Sprite导入格式) Color：颜色 Material：材质 RaycastTarget：是否需要接受点击(不需要时候取消勾选) Preserve Aspect：保持原始纵横比 Set Native Size：将图像框的尺寸设置为纹理的原始像素大小。 Image Type： Simple：直接使...
UGUI中显示特定形状的Image
12-06
有时为了显示特定形状的UI，但有没有对应形状的的图片，则可以使用该代码 有时为了显示特定形状的UI，但有没有对应形状的的图片，则可以使用该代码 有时为了显示特定形状的UI，但有没有对应形状的的图片，则可以使用该代码 有时为了显示特定形状的UI，但有没有对应形状的的图片，则可以使用该代码
小程序常用组件讲解——image组件
不忘初心
11-13 190
https://developers.weixin.qq.com/miniprogram/dev/component/image.html
©️2020 CSDN 皮肤主题: 黑客帝国 设计师:白松林 返回首页
实付 29.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值