（游戏蛮牛首发）大家好我是孙广东。官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/，只是是在youtube上。要观看是须要FQ的。

只是教程还是文本更好一些，便于观看查找。

2.2  加入一个buttonButton

来看看特有的属性：Button Properties

Data 显示的文本

Behavior 中的几个：

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

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

Group 能够选择当前的button和那个控件是一组的。

TextAppearance 中的内容：

Font 字体。动态和静态

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

Font Size 字体大小Data文本的。

Word Wrap :自己主动换行

Padding 上下左右的边距。

注意与Hot ZoneScale的差别。

Draw Shadow 字的阴影子。

文本的颜色设置例如以下：

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

Images 中的内容：

Atlas 图集：是button背景全部状态下的图片集合。

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

几种状态下背景的主颜色。当然了假设已经就是设置好了全部图片我们也就不用设置这里了，假设我们仅仅是有一个图片是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的方向。

右-》左。下-》上

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDAxOTcxNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

Texture ：不用图集了，直接使用图片即可了。

Cropping 中的：

Crop 是否对原图片进行裁剪

Offset 裁剪的起始位置

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

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDAxOTcxNw==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

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

Tile Offset是对瓷砖的偏移量。

自己设置一下观察现象。

当中的Web里：

URL 输入的是网址。我们能够从网络中获取图片，网游中我们能够从server上获取图片。