开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

开发者专栏

关注:1972

当前位置:游戏蛮牛 技术专区 开发者专栏

__________________________________________________________________________________
开发者干货区版块规则:

  1、文章必须是图文形式。(至少2幅图)
      2、文章字数必须保持在1500字节以上。(编辑器右下角有字数检查)
      3、本版块只支持在游戏蛮牛原创首发,不支持转载。
      4、本版块回复不得无意义,如:顶、呵呵、不错......【真的会扣分的哦】
      5、......
__________________________________________________________________________________
查看: 783|回复: 18

[仅为年时] UGUI气泡的遮挡问题研究与解决(上)

[复制链接]  [移动端链接]
排名
623
昨日变化
2

255

主题

1323

帖子

6284

积分

Rank: 16

UID
73452
好友
93
蛮牛币
3802
威望
0
注册时间
2015-2-6
在线时间
1869 小时
最后登录
2017-11-24

专栏作家蛮牛译员社区QQ达人活力之星七夕浪漫情人原创精华达人论坛发帖强人蛮牛哥认证开发者

QQ
发表于 2017-11-13 17:11:21 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册帐号

x
在Unity中做血条或者悬浮气泡会有一个小问题是我们需要解决的,这就是遮挡顺序的问题。


用过的大家都知道,UI的顺序是以在面板中的层次顺序来排列的。下面举个例子。


在unity中搭建一个场景,如下图所示:


111.png



222.png



建三个小球,分别配上三个不同颜色的材质,建三个image分别给三个颜色,一一对应。


然后写一个跟随的脚本,让三个UI分别悬浮到三个小球上方,为了快速,用最简单的方式来写
如下:
[C#] 纯文本查看 复制代码
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;

public class abc : MonoBehaviour {

    public Transform aa;
    public Transform bb;
    public Transform cc;

    public RectTransform aaa;
    public RectTransform bbb;
    public RectTransform ccc;

    // Use this for initialization
    void Start () {
                
        }
        
        // Update is called once per frame
        void Update () {
        aaa.transform.position = new Vector3(aa.position.x, aa.position.y + 5.0f, aa.position.z);
        bbb.transform.position = new Vector3(bb.position.x, bb.position.y + 5.0f, bb.position.z);
        ccc.transform.position = new Vector3(cc.position.x, cc.position.y + 5.0f, cc.position.z);
    }
}




然后把该脚本绑到相机上,把对应的三个小球和三个UI拖入到对应位置,如下图:
333.png



到这一步后还不够,还得接着来修改一些东西:
1)修改如图的canvas
444.png



2)把三个UI image的大小(高和宽)改小一点,不然就太大了,改成15差不多了。如图:
555.png



然后点击运行,查看效果,改变相机的位置和朝向,截取两张图做对比,如下图:
122.png VS 133.png



大家可以看到第一张图是对的,第二张图从另一半看就错了,有了遮挡。


再看一张层次图:
144.png



层次图里aaaa\bbbb\cccc的顺序是不会变的。


然而我们要做的事就是通过一定判断改变它的顺序,按照我们想要的顺序来改变。



UGUI气泡的遮挡问题研究与解决(下)




评分

参与人数 1鲜花 +5 收起 理由
海峡同城哥 + 5 滴滴滴滴滴滴滴滴滴滴滴滴

查看全部评分

[发帖际遇]: 一个袋子砸在了 仅为年时 头上,仅为年时 赚了 1 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

6蛮牛粉丝
1255/1500
排名
6465
昨日变化
51

2

主题

919

帖子

1255

积分

Rank: 6Rank: 6Rank: 6

UID
241666
好友
0
蛮牛币
4906
威望
0
注册时间
2017-9-6
在线时间
174 小时
最后登录
2017-11-25
发表于 2017-11-14 07:18:01 来自Mobile--- | 显示全部楼层
感谢分享

回复

使用道具 举报

4四处流浪
367/500
排名
12044
昨日变化
186

2

主题

246

帖子

367

积分

Rank: 4

UID
247659
好友
0
蛮牛币
1203
威望
0
注册时间
2017-10-9
在线时间
63 小时
最后登录
2017-11-25
发表于 2017-11-14 07:19:00 来自Mobile--- | 显示全部楼层
谢谢分享

回复

使用道具 举报

排名
18440
昨日变化
17

0

主题

4

帖子

35

积分

Rank: 1

UID
228189
好友
0
蛮牛币
52
威望
0
注册时间
2017-6-22
在线时间
10 小时
最后登录
2017-11-21
发表于 2017-11-14 09:45:35 | 显示全部楼层
作者有什么好的解决方案可以分享么
[发帖际遇]: 妄动的扫地僧 乐于助人,奖励 3 蛮牛币. 幸运榜 / 衰神榜

回复 支持 反对

使用道具 举报

3偶尔光临
233/300
排名
9221
昨日变化
8

0

主题

60

帖子

233

积分

Rank: 3Rank: 3Rank: 3

UID
223562
好友
0
蛮牛币
188
威望
0
注册时间
2017-5-24
在线时间
81 小时
最后登录
2017-11-24
发表于 2017-11-14 10:10:55 | 显示全部楼层
学习学习

回复

使用道具 举报

7日久生情
2034/5000
排名
17743
昨日变化
19

2

主题

1701

帖子

2034

积分

Rank: 7Rank: 7Rank: 7Rank: 7

UID
185807
好友
0
蛮牛币
2665
威望
0
注册时间
2016-11-22
在线时间
307 小时
最后登录
2017-11-24
发表于 2017-11-14 10:33:54 | 显示全部楼层
赞,学习了,谢谢分享

回复 支持 反对

使用道具 举报

6蛮牛粉丝
1239/1500
排名
3216
昨日变化
12

0

主题

539

帖子

1239

积分

Rank: 6Rank: 6Rank: 6

UID
148286
好友
0
蛮牛币
2713
威望
0
注册时间
2016-5-11
在线时间
336 小时
最后登录
2017-11-25
发表于 2017-11-14 13:47:46 | 显示全部楼层
[发帖际遇]: 一个袋子砸在了 tzb1125 头上,tzb1125 赚了 1 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

2初来乍到
148/150
排名
10259
昨日变化
137

0

主题

24

帖子

148

积分

Rank: 2Rank: 2

UID
236305
好友
0
蛮牛币
241
威望
0
注册时间
2017-8-7
在线时间
50 小时
最后登录
2017-11-24
发表于 2017-11-14 13:56:28 | 显示全部楼层
学习学习~~

回复

使用道具 举报

5熟悉之中
695/1000
排名
4561
昨日变化
28

0

主题

266

帖子

695

积分

Rank: 5Rank: 5

UID
220310
好友
0
蛮牛币
1171
威望
0
注册时间
2017-5-2
在线时间
183 小时
最后登录
2017-11-24
发表于 2017-11-14 14:17:02 | 显示全部楼层
感谢分享
[发帖际遇]: Layao 乐于助人,奖励 2 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

排名
14852
昨日变化
386

0

主题

14

帖子

72

积分

Rank: 2Rank: 2

UID
113478
好友
0
蛮牛币
135
威望
0
注册时间
2015-7-14
在线时间
22 小时
最后登录
2017-11-24
发表于 2017-11-14 14:45:18 | 显示全部楼层
学习学习~~

回复

使用道具 举报

3偶尔光临
223/300
排名
9848
昨日变化
13

0

主题

72

帖子

223

积分

Rank: 3Rank: 3Rank: 3

UID
228538
好友
2
蛮牛币
221
威望
0
注册时间
2017-6-24
在线时间
69 小时
最后登录
2017-11-24
发表于 2017-11-14 17:11:36 | 显示全部楼层
感谢分享

回复

使用道具 举报

3偶尔光临
289/300
排名
7619
昨日变化
6

2

主题

102

帖子

289

积分

Rank: 3Rank: 3Rank: 3

UID
237362
好友
0
蛮牛币
941
威望
0
注册时间
2017-8-13
在线时间
63 小时
最后登录
2017-11-24
发表于 2017-11-15 08:41:00 | 显示全部楼层
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

回复 支持 反对

使用道具 举报

3偶尔光临
210/300
排名
9575
昨日变化
3

0

主题

78

帖子

210

积分

Rank: 3Rank: 3Rank: 3

UID
229748
好友
0
蛮牛币
253
威望
0
注册时间
2017-7-1
在线时间
48 小时
最后登录
2017-11-23
发表于 2017-11-15 08:49:20 | 显示全部楼层
谢谢分享

回复

使用道具 举报

3偶尔光临
204/300
排名
7771
昨日变化
6

0

主题

25

帖子

204

积分

Rank: 3Rank: 3Rank: 3

UID
241762
好友
1
蛮牛币
420
威望
0
注册时间
2017-9-6
在线时间
59 小时
最后登录
2017-11-23
发表于 2017-11-15 09:01:58 | 显示全部楼层
666666666aaaa
[发帖际遇]: ffree 发帖时在路边捡到 2 蛮牛币,偷偷放进了口袋. 幸运榜 / 衰神榜

回复

使用道具 举报

4四处流浪
313/500
排名
7863
昨日变化
72

5

主题

81

帖子

313

积分

Rank: 4

UID
229395
好友
0
蛮牛币
915
威望
0
注册时间
2017-6-29
在线时间
103 小时
最后登录
2017-11-24
发表于 2017-11-15 09:04:25 | 显示全部楼层
感谢分享

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册帐号

本版积分规则

快速回复 返回顶部 返回列表