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

扫一扫,访问微社区

开发者专栏

关注:2234

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

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

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

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

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

258

主题

1337

帖子

6827

积分

Rank: 16

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

专栏作家蛮牛译员社区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日久生情
2535/5000
排名
3388
昨日变化
5

2

主题

1780

帖子

2535

积分

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

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

回复

使用道具 举报

5熟悉之中
501/1000
排名
8516
昨日变化
7

4

主题

252

帖子

501

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

排名
20366
昨日变化
8

0

主题

5

帖子

37

积分

Rank: 1

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

回复 支持 反对

使用道具 举报

4四处流浪
345/500
排名
8865
昨日变化
5

0

主题

105

帖子

345

积分

Rank: 4

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

回复

使用道具 举报

7日久生情
2238/5000
排名
18921
昨日变化
3

2

主题

1857

帖子

2238

积分

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

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

回复 支持 反对

使用道具 举报

7日久生情
1757/5000
排名
2286
昨日变化
11

0

主题

713

帖子

1757

积分

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

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

回复

使用道具 举报

5熟悉之中
574/1000
排名
4369
昨日变化
20

1

主题

106

帖子

574

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

6蛮牛粉丝
1346/1500
排名
2566
昨日变化
4

1

主题

488

帖子

1346

积分

Rank: 6Rank: 6Rank: 6

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

回复

使用道具 举报

排名
14065
昨日变化
5

0

主题

16

帖子

94

积分

Rank: 2Rank: 2

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

回复

使用道具 举报

5熟悉之中
732/1000
排名
4147
昨日变化
25

0

主题

230

帖子

732

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

4四处流浪
483/500
排名
5058
昨日变化

3

主题

122

帖子

483

积分

Rank: 4

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

回复 支持 反对

使用道具 举报

5熟悉之中
745/1000
排名
3896
昨日变化
2

0

主题

235

帖子

745

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

4四处流浪
307/500
排名
6006
昨日变化
1

0

主题

22

帖子

307

积分

Rank: 4

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

回复

使用道具 举报

5熟悉之中
802/1000
排名
3483
昨日变化
15

6

主题

125

帖子

802

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

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

本版积分规则

关闭

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

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