游戏蛮牛学习群(纯技术交流,不闲聊):159852603
游戏蛮牛 手机端
开启辅助访问
 找回密码
 注册帐号

扫一扫,访问微社区

开发者专栏

关注:2314

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

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

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

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

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

258

主题

1338

帖子

7003

积分

Rank: 16

UID
73452
好友
98
蛮牛币
5597
威望
0
注册时间
2015-2-6
在线时间
2105 小时
最后登录
2018-9-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日久生情
2614/5000
排名
3289
昨日变化
18

2

主题

1806

帖子

2614

积分

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

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

回复

使用道具 举报

5熟悉之中
513/1000
排名
8546
昨日变化
4

4

主题

251

帖子

513

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

排名
20225
昨日变化
27

0

主题

6

帖子

48

积分

Rank: 1

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

回复 支持 反对

使用道具 举报

4四处流浪
349/500
排名
9187
昨日变化
1

0

主题

106

帖子

349

积分

Rank: 4

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

回复

使用道具 举报

7日久生情
2240/5000
排名
19535
昨日变化
15

2

主题

1858

帖子

2240

积分

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

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

回复 支持 反对

使用道具 举报

7日久生情
1950/5000
排名
1917
昨日变化
6

0

主题

726

帖子

1950

积分

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

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

回复

使用道具 举报

5熟悉之中
764/1000
排名
3445
昨日变化
1

1

主题

129

帖子

764

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

6蛮牛粉丝
1349/1500
排名
2693
昨日变化
1

1

主题

489

帖子

1349

积分

Rank: 6Rank: 6Rank: 6

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

回复

使用道具 举报

排名
14509
昨日变化
13

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熟悉之中
986/1000
排名
3053
昨日变化
14

0

主题

275

帖子

986

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

4四处流浪
497/500
排名
5202
昨日变化
4

3

主题

126

帖子

497

积分

Rank: 4

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

回复 支持 反对

使用道具 举报

5熟悉之中
864/1000
排名
3548
昨日变化

0

主题

270

帖子

864

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

4四处流浪
340/500
排名
5684
昨日变化
1

0

主题

22

帖子

340

积分

Rank: 4

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

回复

使用道具 举报

5熟悉之中
865/1000
排名
3258
昨日变化
2

6

主题

127

帖子

865

积分

Rank: 5Rank: 5

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

回复

使用道具 举报

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

本版积分规则

关闭

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

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