17669人加入学习
(59人评价)
强大的UI编辑器 - FairyGUI入门教程

制作于2018年1月25日

价格 免费

建Scenes、Scrpit、Resources

建FGUI,放导出的工程

 

标记需要打包的组件:设置为导出

 

点击发布

导出目录:打包在resources/FGUI内

 

 

 

[展开全文]

进度条:背景、滑条

 

滑动条:可操作,背景、滑条、按钮

 

滚动条:无法单独操作(可点击微调按钮),左右微调箭头按钮,背景、滑条、按钮

固定滑块大小(滚动条不被拉伸)

 

 

 

 

[展开全文]

动效

点击动效按钮,产生一个动效文件

 

[展开全文]

装载器:动态载入动画、图片

右键点击资源复制url

url:指向地址(类似XGUI容器)

loader字样运行时会自动消失

自动大小

如果是动画,则可以设置帧(图片无效)

 

控制器

以组件的形式出现在右侧设置栏内

 

[展开全文]

选中某个物体,点击关联

设置目标为父元件(默认自己是父元件)

 

左左:左侧位置

 

关联是单向的

 

左右居中

 

界面适配需要用到关联系统

 

[展开全文]

组合

普通组:类似PS中锁定(只有编辑状态下存在)

高级组:发布后存在,视为单一物体

 

布局

[展开全文]

文本框

输入框:文本框直接勾选【输入】变成输入框

输入限制:正则表达式(发布后unity中生效)

键盘类型:移动平台

UBB语法

富文本:支持html语法

位图字体:默认占位(字间距),可设置字体大小(拉伸)

[展开全文]

图形:圆形、方形,可用于遮罩

图片:设置图片、九宫拉伸、平铺拉伸、填充(进度条裁切)

动画:导入序列帧,导入GIF

[展开全文]

组件:基础容器、面板

同时作为锚点:使用后无法使用关联系统

设计图:垫图参考

显示列表:左下角

 

元件:基本元件:文本、图形等,组合元件,特殊元件:列表

图片

 

 

[展开全文]

    private GComponent mainUI;
    private GComponent Guide;
    private GComponent addValueCom;

    void Start () {
        mainUI = GetComponent<UIPanel>().ui;
        mainUI.GetChild("n1").onClick.Add(() =>{
            print("xx");
            Controller c1 = mainUI.GetController("c1");
            c1.selectedIndex = 1;
        });
    }
    

[展开全文]

普通组相当于容器  

[展开全文]

背景作为辅助设计,导入Unity后不显示

[展开全文]

自动大小

填充类型

填充方法

 

控制器

*翻页

 

[展开全文]

位图字体,字体图片

占位

 

[展开全文]
Lemon · 2021-02-22 · 07-关联系统 0

授课教师

SiKi学院老师

课程特色

图文(1)
视频(38)
下载资料(1)