专栏首页韩东吉的Unity杂货铺零基础入门 22: UGUI Panel

零基础入门 22: UGUI Panel

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

今天给大家说说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~

本文分享自微信公众号 - 韩东吉的Unity杂货铺(DeveloperJimin),作者:Jimin

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2017-04-15

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 零基础入门 11: 通过脚本设置UGUI Image

    因为默认的脚本是没有引入UnityEngine库的。所以当我们新创建了一个脚本后,在脚本上方加入UnityEngine的引用。

    韩东吉
  • 零基础入门 10: 编辑器下的UGUI Image

    Image组件是Unity里显示图片的组件,可以将Sprite类型的图片显示在Canvas下。

    韩东吉
  • 零基础入门 32:修改组件的位置.宽高.旋转.缩放

    已经不止一两个同学来问过我这个问题了,如何修改一个组件的位置啊,宽高啊,旋转啊,缩放啊之类的问题,鉴于好多同学都有这个疑问,我就单独把他抽出一个小分享内容列出来...

    韩东吉
  • .NET加密配置文件connectionStrings节点

    直接将语句拷贝到.BAT文件中,D:\Program Files\Microsoft\.NET Pet Shop 4.0\Web 为相应的web.config所...

    跟着阿笨一起玩NET
  • pytorch之Resize()函数具体使用详解

    CLASS torchvision.transforms.Resize(size, interpolation=2)

    砸漏
  • Android 创建与解析XML(三)—— Sax方式

    SAX是一种占用内存少且解析速度快的解析器,它采用的是事件启动,不需要解析完整个文档,而是按照内容顺序看文档某个部分是否符合xml语法,如果符合就触发相应的事件...

    阳光岛主
  • Salesforce学习 Lwc(十三)【InLineEdit】更新数据的三种方式

    前边讲过如何使用【lightning-datatable】表示数据,以及一些基本样式,今天讲解在【InLineEdit】模式下,通过Lwc方法和Apex自定义方...

    repick
  • 聊聊flink的Sliding Window

    flink-streaming-java_2.11-1.7.0-sources.jar!/org/apache/flink/streaming/api/wind...

    codecraft
  • 聊聊flink的Sliding Window

    flink-streaming-java_2.11-1.7.0-sources.jar!/org/apache/flink/streaming/api/wind...

    codecraft
  • 使用 Harbor 搭建私有 Docker 仓库

    本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,但需要注明来源。 署名 4.0 国际 (CC BY 4.0)

    soulteary

扫码关注云+社区

领取腾讯云代金券