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

扫一扫,访问微社区

开发者专栏

关注:2102

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

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

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

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

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

258

主题

1338

帖子

6592

积分

Rank: 16

UID
73452
好友
97
蛮牛币
4765
威望
0
注册时间
2015-2-6
在线时间
1962 小时
最后登录
2018-2-21

专栏作家蛮牛译员社区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 蛮牛币. 幸运榜 / 衰神榜

回复

使用道具 举报

7日久生情
2517/5000
排名
3670
昨日变化
21

2

主题

1840

帖子

2517

积分

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

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

回复

使用道具 举报

4四处流浪
454/500
排名
9094
昨日变化

3

主题

251

帖子

454

积分

Rank: 4

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

回复

使用道具 举报

排名
19320
昨日变化
5

0

主题

5

帖子

37

积分

Rank: 1

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

回复 支持 反对

使用道具 举报

3偶尔光临
279/300
排名
9318
昨日变化
1

0

主题

80

帖子

279

积分

Rank: 3Rank: 3Rank: 3

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

回复

使用道具 举报

7日久生情
2226/5000
排名
17970
昨日变化
2

2

主题

1857

帖子

2226

积分

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

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

回复 支持 反对

使用道具 举报

7日久生情
1546/5000
排名
2706
昨日变化

0

主题

682

帖子

1546

积分

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

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

回复

使用道具 举报

4四处流浪
325/500
排名
6703
昨日变化

0

主题

58

帖子

325

积分

Rank: 4

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

回复

使用道具 举报

5熟悉之中
948/1000
排名
3505
昨日变化

0

主题

339

帖子

948

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

排名
13306
昨日变化
2

0

主题

16

帖子

93

积分

Rank: 2Rank: 2

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

回复

使用道具 举报

4四处流浪
477/500
排名
6106
昨日变化

0

主题

167

帖子

477

积分

Rank: 4

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

回复

使用道具 举报

4四处流浪
414/500
排名
5687
昨日变化
2

3

主题

120

帖子

414

积分

Rank: 4

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

回复 支持 反对

使用道具 举报

4四处流浪
488/500
排名
5687
昨日变化
49

0

主题

171

帖子

488

积分

Rank: 4

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

回复

使用道具 举报

3偶尔光临
277/300
排名
6208
昨日变化
1

0

主题

22

帖子

277

积分

Rank: 3Rank: 3Rank: 3

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

回复

使用道具 举报

5熟悉之中
515/1000
排名
5191
昨日变化
2

5

主题

106

帖子

515

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

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

本版积分规则

关闭

站长推荐 上一条 /1 下一条

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