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

制作于2018年1月25日

价格 免费

关联可以叠加

分主动关系

左右居中,中线保持距离相同

做延展和左

 百分比

关联相当于设置了锚点,设置和对象之间的相对关系。

位图字体

字体之间的距离。。

 

[展开全文]

方法一:导入插件->新建UIPanel->设置组件->设置主相机不显示UI->UIPanel添加屏幕自适应脚本

方法二:新建GameObject->挂载脚本

GRoot.inst.SetContentScaleFactor(800, 600);

UIPackage.AddPackage("FGUI/common");

GComponent component = UIPackage.CreateObject("common", "Component1").asCom;

GRoot.inst.AddChild(component);

 

[展开全文]

普通组,辅助编辑

双击组界面进入组编辑

布局内调整单个,再次点击布局生效

[展开全文]

原来Component group 功能这么强大,已经跟着老师实现了课堂上的效果, 棒棒哒

[展开全文]

在Unity 里面有两种方式显示FGUI发布的组件

1. 直接在Unity里面添加FaryGUI的UIPanel

2. 使用C#脚本创建对象

[展开全文]

组:整体移动、放大缩小、复制、粘贴

[展开全文]

彈窗

組件

資源導入

啟動按鈕  記得與容器光聯

A. 彈窗組件(先空白)

B. 彈窗框架組件(窗口功能在這裡弄好) 

  放入背景圖 調整參數 貼好容器

     按鈕   (xbutton)

  拖拽區域設立 給個圖型 空白顯示

(注意命名。 DragArea)

 

B. 放到A那。 b。 frame

 給個圖型區域  導模型什麼用d

 

[展开全文]

加載條

新建包

導入資源

新建加載條 按條拖入圖片

對好位置

關聯  選加載那個圖   右右

到包裡拖入加載條

測試。改變當前值測試下

 

複選框

拖入資源

新建下拉框框。 按條拖入圖片

按鈕圖片   背景圖片 選中子對象圖片

加入提示三角形圖片

 

拖到包

給個標題 彈出方向 編輯列表項目

文本  圖標 值

測試

全班設置好導出後發布bao

 

[展开全文]

列表

翻頁

組件。 調整舞台大小

導入素材

做個按鈕

新建列表  在包裡

編輯列表數據

拖按鈕到列表數據

列表佈局  排列  溢出

按鈕加個裝載器   跟按鈕一樣大的  歸零對好位置

改名字(裝載器,icon)

列表編輯器添加對象  測下

按鈕刪除第一張圖片,留下裝載器即可

關聯  按鈕和組件    裝載器和按鈕

組件 元件設置好導出。然後資源打包

全部發布  注意路徑

 

 

 

unity  uipanel  調整好,然後就可以代碼l

 

 

 

[展开全文]

1 在被动角色上设置关联关系。

[展开全文]

Component(组件):容器;容器可以有容器

 

[展开全文]

注意:要导出的包一定要右键设置为导出(小红点)

右键点发布

 

[展开全文]

按钮

创建:资源->新建按钮

列表

一般不单独使用

创建:左侧工具栏

属性:

 

[展开全文]

装载器

创建:左侧工具栏,点击装载器

作用:动态载入图片或者动画

属性:

url:资源的指针地址

控制器

创建:点击主工具栏下方的控制器加号按钮

功能:分页

 

[展开全文]

1.图片

编辑图片:双击图片

大小如果是xx->xx 说明该图片被压缩过

2.动画

创建:资源-新建动画或在主菜单栏里点击创建

 

 

[展开全文]

1.组件的概念

基础容器,可以包含一个或多个显示对象

2.组件的属性

点击外面空白处查看

设计图:参考图,便于拼UI

3.元件

基础

组合

特殊:列表

4.元件属性

原大小:点击后回到最初大小

 

[展开全文]