unity3d插件Daikon Forge GUI 中文教程-3-基础控件Button和Sprite的使用

(游戏蛮牛首发)大家好我是孙广东。

官网提供了专业的视频教程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的方向。右-》左,下-》上

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

Texture :不用图集了,直接使用图片即可了。

Cropping 中的:

Crop 是否对原图片进行裁剪

Offset 裁剪的起始位置

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

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

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

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

当中的Web里:

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

posted on 2017-06-01 11:10  ljbguanli  阅读(128)  评论(0编辑  收藏  举报