FairyGUI编辑器使用

已于 2023-05-06 14:48:07 修改
阅读量2.8k 收藏 2
点赞数
文章标签： ui
于 2023-04-25 16:20:11 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Huanzhi_Lin/article/details/130367859
版权

文章目录

官网链接

编辑器使用基础

创建新项目

在这里插入图片描述
在这里插入图片描述

项目在文件系统的结构为

在这里插入图片描述

主界面

  1. 主菜单（上1）
  2. 主工具栏（上2）
  3. 文档视图（中间舞台）：包括已打开的文档的列表，侧工具栏和舞台区域。
  4. 状态栏（下）：显示控制台输出的最后一条信息。点击可以打开控制台。
  5. 各个功能视图（两侧）：用户可以按使用习惯将它们拖动到不同位置，也可以关闭；右键点击面板的标题栏，在右键菜单中选择“关闭”即可；如果要重新打开，在“主菜单->视图”里操作。

主工具栏

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

资源库

资源库视图里采用树状结构显示。顶层节点是包，每个包下面可以创建文件夹。

一般操作

在这里插入图片描述

包分组

在这里插入图片描述

显示列表

列表中越往下的元件显示在越前面

预览

在这里插入图片描述

检查器

如果你点击舞台的空白处（不选中任何东西），则显示的是容器组件的属性面板。

文档视图

控制器工具栏

在这里插入图片描述

项目设置

包

分支

发布

元件

图片（不提供修改图片源的功能，也不支持点击）

概况

不提供修改图片源的功能，也不支持点击

图片

动画

骨骼动画

图形

装载器（可变）

概况

动态载入资源，相对于图片的静态。

实例属性（其实就是一个容器）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

GLoader

在这里插入图片描述

3D内容装载器

文本

富文本

输入文本

字体

组

组件

滚动容器

控制器

概要

控制器是FairyGUI核心功能之一，它为UI制作中以下类似需求提供了支持：

  • 分页】 一个组件可以由多个页面组成。
  • 按钮状态】 按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态安排不同的显示内容。
  • 属性变化】 利用控制器，我们可以使元件](元件>>>组件)具有多个不同的形态，并且可以方便地切换。

控制器设计

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

控制器动作

目前支持两种动作：

  • 播放动效
  • 切换页

属性控制

和按钮的联动

和列表的联动

和分页滚动的联动

和下拉框的联动

Controller（运行时控制器常用API）

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

关联系统

标签

按钮

下拉框

进度条

滑动条

滚动条

列表

列表自动大小

在这里插入图片描述

GList.ResizeToFit();

树

Popup

Drag&Drop

窗口系统

动效

适配

多国语言

导入和导出

偏好设置

颜色空间

插件

辅助工具

Huanzhi_Lin
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FairyGUI个人学习手册——只有重点（2）
qq_43685296的博客
11-09 2836
组件被拖到其他组件中去，检查器上能设置的属性一般是固定的。例如一个按钮，我们可以改变它的标题、图标、是否选中等，这些都是编辑器提供的固定属性。但如果我在按钮中放置了额外的文本或者装载器，而且需要设定他们在实例化后的属性时，就需要用自定义属性，将组件的子元件甚至更深层次的元件的属性暴露出来。在自定义属性旁点击编辑弹出窗口。
FairyGUI编辑器制作Unity3D UI值得借鉴
海洋个人博客
07-31 7968
笔者介绍：姜雪伟，IT公司技术合伙人，IT高级讲师，CSDN社区专家，特邀编辑，畅销书作者，已出版书籍：《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》电子工业出版社等。CSDN视频网址：http://edu.csdn.net/lecturer/144 最近在开发项目时，面临着UI的选型，以前使用的是NGUI或者UGUI，最近看网上关于FairyGUI的介绍，正
FairyGUI插件
08-17
FairyGUI是一款UI制作的编辑器，它是一个跨平台的UI编辑器，支持多个开发平台，当然，对我们而言，它支持Unity，还有Egret，Egret和Unity有一点关系，它支持从Unity导入数据。
FairyGUI-控制器Controller
成长ing中的w的专栏
05-10 2410
控制器类似“状态机”，当“监听”的属性状态发生变化时（如按钮的按下点击、下拉框、菜单栏切换等），组件会显示不同的“页面”状态。 using System.Collections; using System.Collections.Generic; using UnityEngine; using FairyGUI; /* * Author:W * 控制器： * 1.分页 一个组件可以由多个页面组成。 * 2.按钮状态 按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态
cocos2d-Lua FairyGUI 之控制器(十二)
qq_24726043的博客
12-19 1408
控制器 参考：控制器 简介 在FairyGUI中控制器是一个很有意思的特性，合理的使用它，可以实现很多的效果。 按钮的正常，按下效果实现 多个单选按钮与控制器连接，可实现单选按钮组 配合单选按钮组使用显示控制器，可以完成点击按钮切换页面 使用图标控制器，可以不用在代码中频繁更换资源。 改变元件属性相关，比如：大小，颜色，旋转，位置等等 改变控制器，可以通过接口： setSelectedIndex 建议： 如果代码中更换固定内容，推荐使用文本控制器，可以减少元件的创建数目 对于装载器使用图标控制器，U
FairyGUI笔记：Controller（十一）
baidu_29474379的博客
11-08 4504
控制器是FairyGUI核心功能之一，它为UI制作中以下类似需求提供了支持： 分页 一个组件可以由多个页面组成。 按钮状态 按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态安排不同的显示内容。 其它状态的变化 利用控制器，我们可以使元件具有多个不同的形态，并且可以方便地切换。 个组件都可以创建一个或多个控制器，如下图所示： 显示控制指示该元件只有...
探索FairyGUI编辑器插件：打造高效的游戏UI开发新体验
gitblog_00042的博客
04-23 456
探索FairyGUI编辑器插件：打造高效的游戏UI开发新体验 项目地址:https://gitcode.com/krapnikkk/FairyGUI-Editor-Plugins FairyGUI-Editor-Plugins 是一个开源项目，旨在为FairyGUI用户提供一系列强大的编辑器插件，以提升游戏UI的设计与开发效率。FairyGUI本身是一个跨平台的2D游戏UI解决方案，而这些插件则进...
FairyGUI-Editor:专业的UI编辑器
05-03
Here is the UI project of the FairyGUI Editor itself. You can use it freely, the only request is to like this project. 这是FairyGUI编辑器的界面工程。 你可以自由使用它，唯一的请求是点个星星支持。
FairyGUI Editor UI编辑器 v2020.2.3官方版
12-21
为您提供FairyGUI Editor UI编辑器下载，FairyGUI Editor是一款开源的，功能强大的UI编辑器，具有可视化...　与市场上其他UI编辑器不同，FairyGUI编辑器重视设计师体验，摒弃了脚本和配置文件这些需要代码思维的操作
UI编辑器FairyGUI教程.rar
07-01
《UI编辑器FairyGUI深度解析教程》 在游戏开发领域，用户界面（UI）的设计与实现至关重要，它直接影响到玩家的游戏体验。FairyGUI是一款强大的UI编辑器，专为游戏开发者提供便捷、高效的UI解决方案。本教程将深入...
Layabox全资收购最大第三方编辑器FairyGUI
Layabox
09-03 1914
在游戏行业，除了LayaAir、Cocos、Egret这三大国产游戏引擎之外，还有一个享有盛名的游戏编辑器国产软件FairyGUI。FairyGUI是广州市花谷软件开发有限公司（以下简称花...
FairyGUI编辑器的弹窗操作【插件】
Aili_Xiao的博客
08-23 778
之前在FairyGUI编辑器菜单扩展中，我使用了AppAlert复制失败来提示操作是否成功。这篇则会说一下我们可以使用的弹窗提示，以及做到类似资源发布成功时的“发布成功”飘窗。打开APP的API脚本，可以看到有很多公开方法，这里只介绍使用过的弹窗。消息窗口：Alert确认窗口：Confirm输入窗口：Input等待窗口：ShowWaiting和CloseWaiting。
FairyGUI编辑器自定义菜单扩展插件
Aili_Xiao的博客
08-18 2793
本文涉及到的软件有：FairyGUI，VSCode代码环境涉及到了：LuaVSCode插件：EmmyLua在编写FairyGUI编辑器菜单前，了解一下FairyGUIEditor的API会有效的帮助我们解决很多问题。FairyGUI的扩展是通过编辑器自带的插件功能实现的，插件中我使用的是lua环境模板。导入编辑器的LuaAPI，文件可以在FairyGUI-Editor源码的插件目录中找到。接下来将通过功能来说明对应的API作用。
cocos2dx-Lua FairyGUI 之装载器(四)
qq_24726043的博客
12-13 930
图片 参考： 图片 注意: 多用于作背景图使用 不支持点击，或者更换，如果需要，请使用装载器 舞台中图片如果要更换为Loader，可以:选择图片 ->替换元件 -> 选择loader即可 大张图片可以双击打开属性， 纹理集选择: 单独NPOT 图片如果拉伸，可以双击打开属性， 缩放模式选择: 九宫格 一般情况下图片不会进行动态创建， 但是熟悉下常用接口吧： local view = fairygui.UIPackage:createObject("Basic", "De
FairyGui 代码给组件赋值控制器
a598211757的博客
04-16 1089
以显示控制器为例，代码如下 //GearXXX对象是控制器和属性之间的连接。0-显示控制，1-位置控制，2-大小控制， // 3-外观控制，4-颜色控制，5-动画控制，6-文字控制，7-图标控制 GearDisplay gear = (GearDisplay)yourGobject.GetGear(0); gear.controller = yourController; gear.pages...
【Unity之FGUI】黑神章Fairy GUI控件详解
最新发布
秩沅
05-27 1652
FGUI是一种用于游戏开发的GUI系统。它是一种轻量级的UI系统，具有高性能和可扩展性。
【Unity之FairyGUI】你了解FGUI吗，跨平台多功能高效UI插件
秩沅
05-15 1512
跨平台多功能高效UI插件FGUI
【Unity之FairyGUI】FairyGUI元件详解
秩沅
05-17 1149
作为额外数据，可以通过代码来获取。
FGUI编辑器插件开发（不推荐使用，当做参考吧）
weixin_44806700的博客
08-12 1993
可以现在FGUI编辑器中创建一个自定义的包，然后发布在main.lua中创建一个lua table，主要键值：create()：当这个这个插件执行后并且inspector创建后会自动执行该方法updateUI():当UI面板发生变化时都会调用该方法在create()中将这个自定义面板创建出来，之后走自己的逻辑即可App.inspectorView:AddInspector(inspector, “自定义面板”, “自定义面板”);...
FairyGUI 富文本使用htmp
06-06
在编辑器中，你可以选择富文本控件，然后在属性视图中的“文本”属性中输入要显示的 HTML 代码即可。 例如，你可以在 HTML 中使用 `<b>` 标签来设置加粗，`<i>` 标签来设置斜体，`<font>` 标签来设置字体和颜色等等...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值