零基础入门 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)

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

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏LeoXu的博客

[翻译]Ext JS 教程-布局和容器 原

布局系统是ExtJS中一个强大的组成部分。它控制着应用程序的每一个组件的尺寸和位置。这个操作手册包含开始使用布局的基础操作。

14610
来自专栏梁源的专栏

使用Visual Studio Code编写Vue的札记

Visual Studio Code文中简称VSCode,使用VSCode编写Vue有一段时间了,觉得很顺手,总结一些经验操作分享给大家,希望对大家学习VSCo...

21.8K90
来自专栏我分享我快乐

水平线上涨loading实现原理

前期准备:需要一张水平线荡漾图片,格式为png或svg 代码实现如下: <!doctype html> <html> <head> <script src="...

333100
来自专栏菩提树下的杨过

Silverlgiht:快速去除/恢复对象的颜色

某些场景下,想将一个对象快速隐藏、恢复,而且不影响布局。有一种方法:将对象的透明度在1与0之间切换。 问:为什么不用Visibility? 答:这通常会导致重...

19570
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何快速实现类似于微信的悬浮显示二维码效果

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

12940
来自专栏林德熙的博客

win10 uwp 标题栏 扩展标题栏修改颜色透明标题栏 系统状态栏

我们应用最上方的是标题栏,对于手机,最上方是状态栏。 我们可以自定义标题栏,和不显示标题栏。

45920
来自专栏24K纯开源

ChartDirector应用笔记(三)

前言 继上篇文章(Simple bar chart)推出之后,本篇文章继续ChartDirector的使用。在这篇Blog中,博主实现的是soft lighti...

250100
来自专栏WindCoder

photoshop技巧之 在排版文字时常会用到的快捷键技巧

这两天兴致来了,又开始了PS学习之旅,看到教程中的思考,不由去网上搜索了一番,暂且记录在这里。

14800
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:实现在手机上调用摄像头进行扫描

20910
来自专栏张高兴的博客

张高兴的 Xamarin.Forms 开发笔记:为 Android 与 iOS 引入 UWP 风格的汉堡菜单 ( MasterDetailPage )

550100

扫码关注云+社区

领取腾讯云代金券