原创至上,移步请戳:(四)unity4.6Ugui中文教程文档-------概要-UGUI Visual Components

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

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

  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. 使用httpClient调用接口获取响应数据

    转自:https://blog.csdn.net/shuaishuaidewo/article/details/81136088 import lombok.extern.slf4j.Slf4j; i ...

  2. 使用libmagic确定文件MIME类型【示例】【转】

    原文地址:http://blog.csdn.net/vevenlcf/article/details/46122661 使用libmagic确定文件MIME类型[示例] 引用:   <http: ...

  3. c语言之函数参数传递之数组篇(转)

    在VC中写程序都习惯了,一般数组作为函数实参时,最常用的方法就是引用和指针的方法,但是到C语言中就没有引用了,还有一种比较常用的方法: #include <stdio.h>void sor ...

  4. VS2010 C++环境下DLL和LIB文件的生成与调试

    利用VS2010工具,调试DLL文件的方法现总结如下: 在一个解决方案中生成两个工程,假设MYDLL和MYDLG两个工程,前者是DLL工程,后者DLG调用前边的DLL工程.设置如下: 目录如下:图,本 ...

  5. React(0.13) 定义一个动态的组件

    1.因为jsx将两个花括号之间的内容渲染为动态值,只需要引用对应的变量即可 <!DOCTYPE html> <html> <head> <title>R ...

  6. Android MD5校验码的生成与算法实现

    在Java中,java.security.MessageDigest (rt.jar中)已经定义了 MD5 的计算,所以我们只需要简单地调用即可得到 MD5 的128 位整数.然后将此 128 位计 ...

  7. Linux下面安装和配置MySQL

    如何从MySQL官方Yum仓库安装MySQL5.6 首先我们需要从MySQL开发者网站下载Yum仓库文件 Download MySQL Yum Repository 从上面的连接地址下载:Red Ha ...

  8. linux创建root也不能访问的文件夹

    就像在windows下创建两个点以上的文件无法删除一样,linux下也可以有同样的技巧: [root@localhost ~]# touch test/.immutable [root@localho ...

  9. Python读文本文件

    file_object = open('thefile.txt') try: all_the_text = file_object.read() finally: file_object.close( ...

  10. EasyUI datagird 排序 按数字类型的问题

    easyui datagird 默认显示的数据都是字符, 对要数字列进行排序规则,需要自定义排序规则如果按字符排序 27竟然小于4 这不是我们想要的.解决方案 <table id='grid'c ...