👉即将学会
从头到尾了解并学习FairyGUI在Unity平台的应用
👉背景
Unity 2019.x系列
FairyGUI 2021.2系列
👉实践过程
控制器-重点
FairyGUI的核心功能之一,提供了几个需求支持:
- 分页 一个组件可以由多个页面组成。
- 按钮状态 按钮通常有按下、鼠标悬浮等多个状态,我们可以利用控制器为每个状态安排不同的显示内容。
- 属性变化 利用控制器,我们可以使元件具有多个不同的形态,并且可以方便地切换。
每个组件可以创建多个控制器,且互不影响
在组件中点击添加控制器会跳出创建框
名称 为控制器名称,同一个组件内的不要同名
备注名 帮助你理解的注释名,会和下方的导出为组件属性联合使用,勾选导出为组件属性,当你将这个组件拖动到其他的组件上时,右侧属性区会显示
页面 你可以理解成状态,既然是控制器,就要控制出效果,比如按钮(滑过/点击/抬起等状态),设置不同的动作效果
你可以单独新建按按钮看看,按钮的上方就有一个默认名为button的控制器,有4个状态(页面)
属性控制 创建好控制器后,想要使用她,你选中一个元件,在右侧属性栏会有“属性控制”面板,隔这选择即可。她有显示/位置/大小/颜色/外观/动画/文本等控制。
她还可以实现联动效果:
- 与按钮联动,当点击不同按钮后,跳转不同页面
- 与列表联动,就像Android的列表一样点击一个item显示出对应索引的页面
- 与下拉框联动,效果同上
具体效果我们会在后续的实际案例中学学习
关联系统
不管是前端还是移动端或者PC端,应该都有这种相对布局体系。
比如移动端的相对布局(RelativeLayout)
FairyGUI任何元件可以互相关联,在右侧有关联选项,可以实现布局自适应,对话框自适应,动态变化的内容等。
比如:玩游戏的时候有全屏或者小屏的时候,界面大小修改后UI布局仍然保持的相当好,想想当年天龙八部窗口化UI布局就是这种机制。
按钮和下拉框
常用的基础组件,传统UI框架中的RadioButton、Checkbox、List Item等,在FairyGUI里通通都是按钮。
这里注意下要想改变按钮不同状态的效果,需要先在右侧属性控制中选择控制器
下拉框的创建已经很简单了
提前切好图,按照三部曲即可创建出来,创建好后会有三个文件
Item是下拉框内容item,双击进去后还可以自定义里面的内容
Popup是列表控件,同样可以双击进去自定义
除了在这编辑,列表需求多数都是请求自动变化的,FairyGUI同样支持代码中设置item集合内容,和传统集合一样,要想访问集合中的item通过索引即可从0开始。有一点不同的就是上图的“值”(索引),你不写的话默认从0开始。当你修改后就需要索引值就是你修改的。比如上图,我如果没修改访问叮叮当1 就是getIndex(0),当时我把值修改为1了,访问叮叮当就是getIndex(1)
还有更多按钮详情(状态分析普通按钮selected属性无效,单选按钮组的多个实现普通按钮方式 控制器+单选按钮连接方式)讲解在……,我还没上传,回头小空发布后更新出来链接。
进度条/滑动条/滚动条
进度条
可以改变元件的宽度/高度/填充比例,分为横向和纵向,还有正向和反向;创建也很简单,一个进度条背景,一个伸缩条即可。
如何显示进度条当前进度?
双击进入进度条,添加个文本控件,然后名称改为“title”,要想和进度条最右侧实时跟随移动,设置关联即可。
如何实现带有跟随动画的进度条?
细心的朋友发现了,还有个小狐狸跟随进度条,平时玩游戏切换场景的时候经常看到进度条不是单调的横线,还有些小动画跟随,增强灵动性。
这个实现和上面的文本添加类似,区别在于你要想拖入动画的话,可以在编辑进度条的时候增加个装载器,装载器放入动画文件,想要和进度条进度试试跟随的话,再设置小狐狸和进度条的伸缩条的关联设置为右右关联
如何监听进度条?
进度条最大的作用就是和程序相结合,用于加载中,流程进度节点等,所以我们要能修改和监听进度条
滑动条
她和进度条就像双胞胎一样相似,但是她多出个按钮让用户自己拖动改变进度值。
创建也很简单点击资源->新建滑动条按照提示添加即可
想要自定义她的样式也是可以的。
👉其他
📢作者:小空和小芝中的小空
📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。