转自孙广东。   转载请注明出处:http://write.blog.csdn.net/postedit/38922399

更全的内容请看我的游戏蛮牛地址:http://www.unitymanual.com/forum.php?mod=guide&view=my

3、Visual Components

有新的组件和游戏对象已添加到uGUI,允许和容易的创建GUI特定功能。这一节将介绍新的游戏物体被创建的基础。

3.1 Text

Text 组件,也被称为是一个标签,有一个Text 区域用于输入将显示的文本。它是可以设置的字体、字体样式、字体大小和是否使用RichText的能力。

文本的对齐方式alignment和自动换行Wrap模式等选项设置。自动换行模式指定如果太大,无法容纳标签的文本时将会发生什么。自动换行选项意味着文本将换行到下一行上,但是必须是有空间显示,否则任何超出矩形的文本将被清除不予显示了,还有Overflow溢出不换行的,一行放不下在举行外面显示。垂直上有truncate截断。ResizeBounds选项,使适合文本的大小,自动、动态的标签。最后的Best选项缩放文本大小以适合的标签高宽,然后它像被包装一样。

文本效果目前是有限的,但包含在文本的周围创建一种指定颜色的阴影的影子,direction/distance也可以被定义。

3.2 Image

切换到一个有 Rect Transform组件和Image组件的对象上。一个精灵sprite可以应用于Image组件下SourceImage字段,Color字段中设置主颜色。一种材料还可以用于Image组件。图像类型字段定义了如何显示应用的精灵,选项有:

·Simple简单 - 同样大小显示整个雪碧。

·Sliced切割 - 利用 3 x 3精灵分割,以便调整不变形的角落的大小。

·Tiled平铺 - 重复的精灵游戏物体的边界内。

·Filled填充-显示精灵和简单Simple的方式相同,它除了定义从原点开始填补的方向、方法和数量。Set Native Size这个选项(不用吧)要设置图像的原始大小为原始的精灵 size.c 

Images可以作为 uGUI 精灵导入,通过从TextureType选择设置Sprite (2D / uGUI)。与旧的 GUI精灵相比Sprites有了扩展,最大的区别是增加了sprite editor。sprite editor为图像提供的9切片选项,这将图像分成 9个地区所以,为了是调整精灵大小时角落不拉伸或扭曲。

Raw Image

Image组件需要一个精灵,但Raw Image需要的是纹理 (无边界等)。使用Raw Image是有必要,除非为图像会在大多数情况下适用。

Mask

掩码是不可见的 UI控件,是在修改控件的子元素的外观。掩码限制子元素的形状在父对象内。所以,如果孩子是大于父,然后只有在父内的部分将可见。

Effects

TODO describe how effects areused and what they can be applied to.

Shadow

TODO

Outline

TODO

Position As UV1

TODO

[转](四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components的更多相关文章

  1. 【转】(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components

    原创至上,移步请戳:(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components 3.Visual Components 有新的组件和游戏对象已添加到uG ...

  2. 【转】(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components

    原创至上,移步请戳:(五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components 4.Interaction Components 本节涵盖了处 ...

  3. [转](五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components

    大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unityma ...

  4. (五)unity4.6Ugui中文教程文档-------概要-UGUI Interaction Components

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDAxOTcxNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQk ...

  5. 【转】(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout

    原创至上,移步请戳:(三)unity4.6Ugui中文教程文档-------概要-UGUI Basic Layout 2. BasicLayout 在这一节我们会看到UI元素相对于画布的位置是怎样的. ...

  6. 【转】(八)unity4.6Ugui中文教程文档-------概要-UGUI Rich Text

    原创至上,移步请戳:(八)unity4.6Ugui中文教程文档-------概要-UGUI Rich Text 7.Rich Text UI元素和文本网格的文本可以合并多个字体样式和大小.对 UI系统 ...

  7. 【转】(七)unity4.6Ugui中文教程文档-------概要-UGUI Auto Layout

    原创至上,移步请戳:(七)unity4.6Ugui中文教程文档-------概要-UGUI Auto Layout 6. Auto Layout Rect Transform布局系统是足够灵活,可以处 ...

  8. 【转】(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration

    原创至上,移步请戳:(六)unity4.6Ugui中文教程文档-------概要-UGUI Animation Integration 5.Animation Integration(动画集成) 动画 ...

  9. 【转】(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas

    原创至上,移步请戳:(二)unity4.6Ugui中文教程文档-------概要-UGUI Canvas UI系统允许您快速.直观地创建用户界面(Ui).这是Unity的新 UI 系统的主要功能介绍. ...

随机推荐

  1. 使用ImageCreate()创建一个代表空白图像的变量

    在建立图像创建环境之前,还需要做一些准备工作.首先,安装t1lib接着安装jpeg-6b,然后再安装GD库文件.在安装时一定要按这里给定的顺序进行安装,因为在编译GD入库时会用到jpeg-6b,如果没 ...

  2. 使用engine关键字指定该表使用哪个engine

    建表及插入数据语句:mysql> create table salary(userid int,salary decimal(9,2));Query OK, 0 rows affected (0 ...

  3. Windows7如何安装Sqlite3

    Sqlite官网地址:http://www.sqlite.org/ Sqlite3文件下载: 1.下载 sqlite-dll-win32-x86-3140100 2.下载 sqlite-tools-w ...

  4. getServletPath getRequestURI getRequestURL区别

    getContextPath:/test               //上下文,类似工程名 getServletPath:/test.jsp getRequestURI:/test/test.jsp ...

  5. php导出数据到excel,防止身份证等数字字符格式变成科学计数的方法

    而关于php的也有,但是大多都是用phpExcel导出的方法或者spreadsheet等类或者控件之类的导出方法,而我所在维护的系统却用很简单的方法,如下,网上很少有讲如何设置要导出数据的EXcel格 ...

  6. 学习quartz定时

    学习资料: http://www.cnblogs.com/Rozdy/p/4274356.html http://www.cnblogs.com/Rozdy/p/4284339.html https: ...

  7. on-my-zsh agnoster 主题设置问题

    安装Menlo-Powerline字体补丁 https://gist.github.com/qrush/1595572/raw/417a3fa36e35ca91d6d23ac96107... 然后 c ...

  8. haproxy log config

    Step 4: Configuring logging Edit /etc/sysconfig/syslog SYSLOGD_OPTIONS=”-m 0 -r”   ————————————————— ...

  9. react js 按条数 展开/折叠

    //2条const MAX_SHOW_NUM = 2; class HotDiscuss extends Component { static propTypes = { //验证 repliedCo ...

  10. FlashFXP5_gr坑爹的故事

    数据中心说已把数据存放到ftp上,但我通过flashfxp5工具链接到ftp server查看数据中心存放的数据,一天了都没有看到数据结果,经过我反复多次重新链接否没有发现数据中心所说的最新数据结果, ...