转自孙广东。   转载请注明出处: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. 将gridFS中的图片文件写入硬盘

    开启用户验证下的gridfs 连接使用,在执行脚本前可以在python shell中 from pymongo import Connectionfrom gridfs import *con = C ...

  2. IOS第16天(4,Quartz2D柱状图)

    *** #import "HMBarView.h" #import "UIColor+Random.h" @implementation HMBarView - ...

  3. Jenkins中Jelly基础、超链接、国际化

    Jelly基础 参考:https://wiki.jenkins-ci.org/display/JENKINS/Basic+guide+to+Jelly+usage+in+Jenkins UI Samp ...

  4. 使用 JavaScript 实现基本队列、优先队列和循环队列

    1.基本队列的实现 基本队列的方法中,包含了 ①向队列(尾部)中添加元素(enqueue).②(从队列头部)删除元素(dequeue).③查看队列头部的元素(front).④查看队列是否为空(isEm ...

  5. java 求 两个数的百分比% (转)

    int num1 = 7; int num2 = 9; // 创建一个数值格式化对象 NumberFormat numberFormat = NumberFormat.getInstance(); / ...

  6. Android中<meta-data>的使用

    [转]  原文 在AndroidManifest.xml中,<meta-data>元素可以作为子元素,被包含在<activity>.<application> .& ...

  7. [LeetCode]题解(python):119 Pascal's Triangle II

    题目来源 https://leetcode.com/problems/pascals-triangle-ii/ Given an index k, return the kth row of the ...

  8. SQL基础巩固2

    日期函数 函数名称 含义 示例 GetDate 返回当前系统日期和时间,返回值类型为datetime select GETDATE()//输出当前日期 YEAR 返回指定日期的年份 YEAR('08/ ...

  9. 磨刀不误砍柴工,使用visual studio之前应该先了解这些...

    注:以下的快捷键在vs2010中测试无误. 众所周知,vs是一个非常强大的开发平台,但是又有多少小伙伴熟悉以下这些快捷键呢? 当然,不知道这些快捷键与开发并没有直接关系,不过,就我而言,以下这些快捷键 ...

  10. Java基础之在窗口中绘图——渐变填充(GradientApplet 1)

    Applet程序. import javax.swing.*; import java.awt.*; import java.awt.geom.*; @SuppressWarnings("s ...