【Unity】UGUI Image图片的遮挡关系

可爱佐伊

已于 2022-01-23 21:37:09 修改

阅读量4.6k

点赞数 4

文章标签： unity 游戏引擎 mesh ugui

于 2022-01-23 20:31:00 首次发布

本文链接：https://blog.youkuaiyun.com/qq_22489919/article/details/122656288

版权

例子

在场景中创建两张图片，他们的遮挡关系由在Hierachy窗口中的前后关系来决定（越在上面就显示在越前面）
在这里插入图片描述

所以改变图片遮挡关系就有两种方式

方法一：直接拖位置

把图片1和图片2换个位置，图片2就显示在前面了
在这里插入图片描述

方法二：代码设置

通俗理解，就是用代码实现拖动更换位置的这个操作

public Transform Canvas;
void Start()
{
   
	//获取Canvas下

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

可爱佐伊

关注关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Unity_UGUI_Image的图层遮挡问题_渲染层级

weixin_42137574的博客

09-11

1万+

有时候创建图片图片会被遮挡如何改变图片不被遮挡呢只需要改变图片的层级就可以了把要显示在上面的Image 变为遮挡它的 image的子物体就可以了或者把要显示在上面的Image 放在下面 ...

【Unity-UGUI】UGUI知识汇总

manqi的博客

08-11

1319

UGUI知识汇总

参与评论您还未登录，请先登录后发表或查看评论

解决：Unity图层渲染、图层遮挡问题。

qq_56827596的博客

01-15

437

所以最后是因为只增加的canvas而缺少了Graphic Raycaster组件，该组件是处理用户输入（如鼠标或触摸事件），并将这些事件传播到 UI 元素中，如果没有该组件UI元素将无法响应鼠标事件。然后我给canvas中的一些ui元素单独添加canvas组件，并设置这些ui元素的图层顺序为2就可以再次覆盖Line的图层。问题：发现Line在Game模式看不到，解决该问题后，又想再线的身上覆盖一个开关的图层，发现Line会将图像进行遮挡。二是新建一个canvas，然后更加靠近摄像机就能遮挡住Line。

UGUI 知识精讲与实用案例（第 2 弹）——Image组件详解包含案例

最新发布

徽程22级的在读学生

03-18

871

在 Unity 开发中，UGUI（Unity GUI）是构建用户界面的重要工具。其中的 Image 组件作为展示图片的基础元素，有着丰富的功能和多样的应用场景。本文将结合实际案例，深入讲解 Image 组件的各个参数。

Unity 遮罩

Lost_the_wind的博客

04-10

2432

untiy的三张遮罩方式

Unity用Shader实现图片的区域遮罩，支持半透明，实现地图动态上色功能，示例项目

02-07

具体文章在 http://blog.youkuaiyun.com/zhenmu/article/details/79281381 一个项目，做世界地图时，希望未开启的地块是线稿，新地块开启时，做一个上色处理。想到的方案就是：上了色的彩图盖在线稿上，然后用mask 控制彩图的局部显隐。然后用mask不同的颜色来区分不同的色块，控制是否需要显示。涉及到颜色的位操作。

Unity UGUI Image Maskable

Zyt

07-15

1133

在Unity的UGUI系统中，Maskable属性用于控制UI元素是否受到父级遮罩组件的影响。

Unity3d之UGUI- Image拦截Button响应事件

weixin_33892359的博客

11-01

504

在编辑UI的时候Image放在Button前面就会挡掉button的响应这种情况只需要为Image添加CanvasGroup組件按照这个属性配置就不会挡掉后面的事件了转载于:https://www.cnblogs.com/lexiaoyao-jun/p/5208246.html...

Unity UGUI系统

jkkk_的博客

03-09

3055

UI系统对比对 UI 系统的选择取决于是为 Unity 编辑器开发 UI，还是为游戏或应用程序开发运行时 UI。 UI 的类型 UI 工具包 Unity UI(uGUI) IMGUI 注意事项运行时（调试） ✔ * ✔ ✔ 这指用于调试用途的临时运行时 UI。运行时（游戏内） ✔ * ✔ 不推荐出于性能原因，Unity 不推荐将 IMGUI 用于游戏内运行时 UI。 Unity Editor ✔ ❌ ✔ 不能使用 Unity UI 为 Unity 编辑器创建 UI。当然

Unity UGUI与3D物体之间遮挡响应

HopePower233的博客

09-15

1383

Unity UGUI与3D物体之间遮挡响应常见写法UGUI Image响应点击3D物体响应点击点击UI时只响应UI点击UI时两者同时响应点击任意非UI处进行3D物体响应常见写法 UGUI Image响应点击通过实现IPointClickHandler接口去响应点击 private bool index = false; public void OnPointerClick(Point...

小功能⭐️Unity遮罩

星河造梦坊

09-05

1748

Unity遮罩

Unity UGUI 代码改变遮挡层级

热门推荐

A丶Knight 的博客

11-22

3万+

UGUI在Screen Space - Overlay渲染模式下，由于不依赖摄像机渲染，使得其无法通过修改Z轴的方式修改物体间的层级关系，以下是解决方案：我创建了一个空的工程，然后创建了一个Image，然后复制成了一样大小的四份为了便于分辨，设置为不同的颜色，改变他们的位置，使之相互交叉遮挡根据运行结果看，每当点击一个图片，它在Hierarchy视图中的顺序会被改变，而且在场

《Unity》建立遮罩和让某个按钮高亮的方法

新人

01-08

2023

遮罩：整个mask 黑色一点的图片在UI上面，不需要特别指定这个遮罩image的位置，通过设定orderLayer的方法让这个image的层级最高即可高亮：找到那个按钮，给那个按钮添加Canvas,GraphicRaycaster,设置OverrideSorting,然后设置个比mask 更大的layer就行了。 ...

Unity界面UGUI遮挡的问题

aaa10102020的博客

11-04

2574

解决方法：在使用Unity的UGUI时候，重叠的UI控件可能会导致某一个控件点击失败，如下图：在前面的图片挡住了后面的Button，导致后面的Button无法触发点击事件，此时只要把图片的Image组件的Raycast Target的勾选取消即可解决遮挡的问题：原理：鼠标点击屏幕实际上是以点击的点为原点，发射一条垂直屏幕向里的射线，然后通过射线与第一个物体的相...

Unity3d 实现物体拖拽+图片覆盖填充现实

cjppktc123的博客

04-13

2881

首先,想要实现拖拽效果,要了解Unity3d自带有拖拽接口 IBeginDragHandler,IDragHandler,IEndDragHandler,三个接口分别为开始拖拽,正在拖拽和结束拖拽本文带大街实现两个效果,一个是拖拽跟随鼠标,另一个是实现图片跟随覆盖填充显示效果,话不多说直接上图实现这个效果其实很简单,但是需要稍微简单的计算一下 Unity...

Unity 计算UI的子UI 是否有遮挡

qq_41862125的博客

11-17

239

计算子UI 是否重叠遮挡。

[Unity Shaders] 地图和人物的遮挡关系处理

小菜鸡的博客

12-23

2519

[Unity Shaders] 地图和人物的遮挡关系处理第一种方法：射线检测的方法思路：做一条主相机和人物之间的射线，如果地图上的墙遮挡了人物模型，这条射线一定和墙相交。检测到相交之后将墙壁的材质设为透明材质。实现遮挡人物的显示。废话不多说上图：在做射线的时候，射线是很容易和人物相交的，所以要加一个判断的tags、下面放出代码/** 射线检测出在相机和玩家之间的碰撞体，设置透明

Unity中物体的遮挡和显隐效果

lynon的专栏

05-18

3409

现在有个3D物体A和

【Unity2D游戏】实现实时的正确的遮挡关系（引擎自带功能）

B17160410的博客

01-17

1万+

通过在unity中设置自定义轴向控制精灵渲染，实现2d游戏中实时正确的遮挡关系。

Unity UGUI深度解析与性能优化

3. **正确使用层级**：合理安排UI元素的层次关系，减少不必要的遮挡和重绘。 4. **利用Batching**：将能批处理的图形合并，减少GPU渲染开销。 5. **使用可变分辨率策略**：通过ScaleWithScreenSize适配不同分辨率，...