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

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 字的阴影子。

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

文本的颜色设置如下:

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

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

Images 中的内容:

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

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

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

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

2.3  精灵(Sprite)

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

与其他控件的区别:

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

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

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

Atlas图集,精灵图片的集合

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

Color主颜色,图片的主颜色(原图是真彩色基本不设置这里)。

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

Flip Horz 水平翻转180度

Flip Vert 垂直翻转180度

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

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

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

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

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

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

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

Texture :不用图集了,直接使用图片就行了。

Cropping 中的:

Crop 是否对原图片进行裁剪

Offset 裁剪的起始位置

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

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

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

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

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

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

其中的Web里:

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

上一篇:unity3d插件Daikon Forge GUI 中文教程7-高级控件slider的使用


下一篇:unity3d插件Daikon Forge GUI 中文教程4-高级控件Checkbox和dropdownlis的使用