转自孙广东。   转载请注明出处: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. coolpro2 剪切并淡出

    1.先将音乐暂停或者停止. 2.选择需要淡出的一段音乐 3.选择效果--波形振幅--渐变 4.选择Fade-out,确定

  2. 增强for循环

    import java.util.ArrayList; import java.util.HashMap; import java.util.Iterator; import java.util.Li ...

  3. Xcode 杂七杂八

    一.Exception 的捕捉 1.message send to dealloc instance  a, 输出控制台(lldb)后面输入:c + enter, 找到对应的行      b, po ...

  4. 升级到Xcode6.2后 免证书真机调试出错的问题

    我的本来是Xcode6.1 可以正常免证书真机调试,升级到Xcode6.2以后,真机调试就报错,然后就又按照这篇文章http://www.cnblogs.com/liuliuliu/p/4030524 ...

  5. jQuery源代码学习之六——jQuery数据缓存Data

    一.jQuery数据缓存基本原理 jQuery数据缓存就两个全局Data对象,data_user以及data_priv; 这两个对象分别用于缓存用户自定义数据和内部数据: 以data_user为例,所 ...

  6. [Android Tips] 10. Pull out /data/data/${package_name} files without root access

    #!/usr/bin/env bash PACKAGE_NAME=com.your.package DB_NAME=data.db rm -rf ${DB_NAME} adb shell " ...

  7. ReentrantReadWriteLock读写锁详解

    一.读写锁简介 现实中有这样一种场景:对共享资源有读和写的操作,且写操作没有读操作那么频繁.在没有写操作的时候,多个线程同时读一个资源没有任何问题,所以应该允许多个线程同时读取共享资源:但是如果一个线 ...

  8. Postgres Plus Advanced Server installation

    # setenforce Permissive # ./ppasmeta-9.3.1.3-linux-x64.run --mode text Installation Directory [/opt/ ...

  9. Leetcode: Delete Node in a BST

    Given a root node reference of a BST and a key, delete the node with the given key in the BST. Retur ...

  10. Cannot use object of type yii\db\Connection as array

    $pointLog = $conn->createCommand('select * from table1 where is_deleted = 0 AND id1 = :id1 AND id ...