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上获取图片。

时间: 2024-10-29 19:00:59

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

unity3d插件Daikon Forge GUI 中文教程-2-基础控件Label的使用

(游戏蛮牛首发)大家好我是孙广东.官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/,不过是在youtube上,要观看是需要翻墙的. 不过教程还是文本更好一些,便于观看查找. 我们先来设置 UI Root 中的如下:屏幕大小为1024*768 2.1  新建一个Label 控件 先来看看Control Properties (基本上是所有控件都共用的)的以后不再介绍,参数: 其中要设置好Layout 和 Anchor 我们就要完全的理解

unity3d插件Daikon Forge GUI 中文教程-1-Daikon Forge介绍

DF-GUI特点: ·        深编辑器集成:DF-GUI提供广泛的整合与Unity3D编辑环境,包括自定义检查人员对每个组件向导来简化复杂的多步任务,提高生产力的上下文菜单,编辑控件在一个所见即所得的方式创建复杂的布局,并几个精心设计的工作流程增强功能.这种无缝集成可让您更专注于您的UI本身,而不必担心如何使用DF-GUI. ·        全所见即所得的体验:DF-GUI控件都是在Unity编辑器“活” -对控件的属性所做的任何更改都将反映在即时编辑; 没必要打的播放按钮. ·   

unity3d插件Daikon Forge GUI 中文教程-5-高级控件listbox和progress bar的使用

(游戏蛮牛首发)大家好我是孙广东.官网提供了专业的视频教程http://www.daikonforge.com/dfgui/tutorials/,只是是在youtube上,要观看是须要FQ的. 只是教程还是文本更好一些,便于观看查找. 3.3.listbox列表框 Atlas 图集: 以下应用到的精灵都是在这里的. ListBox中的内容: 背景精灵 图片的主颜色 Padding边距 Scrollbar 滚动栏对象的预制体或者对象,(当Layout中的Size Height小于全部的Item的高

unity3d插件Daikon Forge GUI 中文教程6-高级控件richtextlabel的使用

3.5.richtextlabel文本 可以像Word文档一样编辑出多样的内容,图片,字体颜色大小下划线.超链接背景等等. Defaults: 默认字体 默认图集 Blank Texture :空白的纹理 Appearance : Font Size 默认字体大小 Line Height 行的高度,最小也不会小于默认字体大小(系统处理). TextStyle 默认文本的风格,加粗下划线斜体等. keep whitespace 是否使用Text中文本的换行(Html的换行是:<br/>,如果选中

unity3d插件Daikon Forge GUI 中文教程-6-高级控件richtextlabel的使用

3.5.richtextlabel富文本 可以像Word文档一样编辑出多样的内容,图片,字体颜色大小下划线.超链接背景等等. Defaults: 默认字体 默认图集 Blank Texture  空白的纹理(有什么用还不知道呢) Appearance : Font Size 默认字体大小 Line Height 行的高度,最小也不会小于默认字体大小(系统处理). TextStyle 默认文本的风格,加粗下划线斜体等. keep whitespace 是否使用Text中文本的换行(Html的换行是

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

3.6.slider滑块              我们说说前面这个图片.对象 Appearance: Atlas 图集: Track 滑块的轨道图片 Back color滑块的轨道图片的主颜色. Orientation 滑块操作方向(水平,垂直) Behavior: Right to Left 选中的话说明最小值MinValue在最右,最大值MaxValue在最左.不选中的话就是相反了呗(注意这个属性只有当Orientation选择了Horizontal时才起作用). Min Value 最小

Expression Blend实例中文教程(3) - 布局控件快速入门Grid

上一篇对Blend 3开发界面进行了快速入门介绍,本篇将基于Blend 3介绍Silverlight控件.对于微软开发工具熟悉的朋友,相信您很快就熟悉Blend的开发界面和控件. XAML概述 Silverlight的控件绘制是由XAML语言进行支持的.什么是XAML语言? 简单的说,XAML(Extensible Application Markup Language )是一款基于XML的描述性语言,中文也叫做可扩展应用程序标记语言. 该语言是由微软开发创建,主要用于构建WPF和Silverl

Expression Blend实例中文教程(5) - 布局控件快速入门StackPanel,ScrollViewer和Border

上一篇,介绍了Canvas布局控件在Blend中的使用.本篇继续介绍布局控件StackPanel,ScrollViewer和Border. 相对于Grid和Canvas来说,StackPanel,ScrollViewer和Border是比较简单的布局控件,实现的功能相对来说单一. 首先来说说StackPanel控件.从字面意思理解,是堆栈面板的意思.堆栈内的所有内容将按照顺序进行排列,排列方式分水平排列和垂直排列两种方式. 对于StackPanel的使用,主要是对控件水平或者垂直排列,使用该控件

Expression Blend实例中文教程(6) - 项目控件和用户交互控件快速入门

前文我们曾经描述过,微软把Silverlight控件大致分为三类: 第一类: Layout Controls(布局控件) 第二类: Item Controls (项目控件) 第三类: User Interaction Controls(用户交互控件) 我们已经对第一类布局控件在Blend中的应用进行了描述.本文将介绍Item Controls,也称为项目控件;和User Interaction Controls,也称为用户交互控件. Item Controls (项目控件) 在实际项目中,我们经