本文共 1370 字，大约阅读时间需要 4 分钟。

（游戏蛮牛首发）大家好我是孙广东。官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/，不过是在youtube上，要观看是需要翻墙的。 不过教程还是文本更好一些，便于观看查找。

2.2  添加一个按钮Button

来看看特有的属性：Button Properties

Data 显示的文本

Behavior 中的几个：

Aoto Size 选中时就是按钮的背景会根据Data中的文本缩放成最小的范围。

Space to Click 默认是选中的，暂时还不知有什么用。

Group 可以选择当前的按钮和那个控件是一组的。

TextAppearance 中的内容：

Font 字体，动态和静态

水平的对其方式和垂直的对齐方式（注意是指按钮中的Data文本相对于按钮的自身外边框的对齐位置）。

Font Size 字体大小Data文本的。

Word Wrap :自动换行

Padding 上下左右的边距。注意与Hot ZoneScale的区别。

Draw Shadow 字的阴影子。

文本的颜色设置如下：

大家可以通过单击和移入移出来观察现象。

Images 中的内容：

Atlas 图集：是按钮背景所有状态下的图片集合。

Button State 默认显示的状态图。   剩下这几个正好对应于文本的颜色状态的按钮背景的状态。

几种状态下背景的主颜色。当然了如果已经就是设置好了所有图片我们也就不用设置这里了，如果我们只是有一个图片是Normal状态下的图片其他的没有，那么我们就可以在别的状态下只是改变颜色就OK了。

接下来介绍几种精灵了。

2.3  精灵（Sprite）

basic Sprite、Radial Sprite、SlicedSprite、Texture Sprite、Tiled Sprite、Web Sprite

与其他控件的区别：

多了Sprite Tpye（上面6种类型）和特有的Sprite Properties   这也是6种精灵的区别。

那么现在主要说一下：Sprite Properties

Atlas图集，精灵图片的集合

Sprite精灵，集合中的一张图片

Color主颜色，图片的主颜色（原图是真彩色基本不设置这里）。

Flip Horz 水平翻转180度

Flip Vert 垂直翻转180度

Fill Direction 填充的方向，左-》右，上-》下，设置了FillAmount可观察到现象。

Fill Amount 填充多少相当于一个百分比。

Invert Fill 改变了Fill Direction的方向。右-》左，下-》上

其中的Fill Origin 是填充的原点，九个位置。

Texture ：不用图集了，直接使用图片就行了。

Cropping 中的：

Crop 是否对原图片进行裁剪

Offset 裁剪的起始位置

Size 裁剪的大小（显示的时候是会拉伸的成Layout中的Size的大小）

我们把精灵图片看成是一个瓦片瓷砖Tile。

Tile Scale是对原图片的比例缩放。

Tile Offset是对瓷砖的偏移量。自己设置一下观察现象。

其中的Web里：

URL 输入的是网址，我们可以从网络中获取图片，网游中我们可以从服务器上获取图片。