首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >零基础入门 22: UGUI Panel

零基础入门 22: UGUI Panel

作者头像
韩东吉
发布2018-10-19 17:03:05
发布2018-10-19 17:03:05
3.3K0
举报

今天要给大家分享的。。。可谓是,非常的简单啊,我甚至都在考虑要不要单独抽出一次当做分享内容 (・-・*),也有可能是我所有分享里文字数目最少的

今天给大家说说UGUI组件,Panel,画布的意思。

进入正题


我们先在Unity创建一个画布,内容非常的少

然后在看一下Panel的组件内容

咦?大家可能会说,这不就是一个Image组件么?可以说Panel是一个Image,但是不能说Image是一个Panel。

Panel的Image是有一些特殊设置的,我们再来创建一个Image进行一下对比

从上图可以看出,默认的Image是没有贴图的白色,然后rectTransform组件也是00居中。而panel是一个有默认BackGround的Image,并且RectTransform也是和默认的image有所区别。

我们再到Scene视图看一下俩者区别。可以下图看出,Panel是默认全屏大小,而Image也是默认的100 100大小,经过我们的拖拽可以看出俩者明显的区别。

再说下俩者在Image组件中的区别。

从下图可以看的出来,Image组件默认无贴图,所以没有Image Type,颜色也是满255,而Panel有一个默认的Background的贴图,然后Image Type是Sliced,颜色上也是3个rgb 255的同时,alpha为100.。这就是俩者的区别。

最后,我们再来演示下如何把Image变成一个Panel。

然后在Scene视图看下俩者的对比

从上图可以看出来,经过我们的修改,已经把一个默认的image变成了Panel。

其实Panel的作用是省去了我们手动的这2步,大家可以自己取舍使用哪一个

好了,今天的Panel分享到这里就结束了。

下一期,是我们近期UGUI主题分享的最后一个组件,ScrollView。

有问题可以给我留言或者加我的QQ

大家ヾ( ̄▽ ̄)Bye~Bye~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-04-15,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 韩东吉的Unity杂货铺 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档