FairyGUI_5_0_10版本中控制界面滑入滑出和关联的简单操作

最新推荐文章于 2024-05-27 16:21:18 发布
原创 最新推荐文章于 2024-05-27 16:21:18 发布 · 873 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#unity #编译器 #ui #游戏开发 #c#

本文介绍了如何在FairyGUI 5.0.10版本中创建Unity项目的UI界面，并设置元件关联及控制器，以实现界面元素的滑入滑出效果。首先从官网下载并导入SDK，接着创建组件，设置元件的关联关系，通过控制器调整元件显示状态，最后通过Unity中的代码实现点击触发滑入滑出效果。

首先得去官网上面下载当前版本的FGUI
https://en.fairygui.com/
点击官网上方的产品也会有对应SDK供你下载
在这里插入图片描述
点击下载就OK
然后是把SDK导入到Unity中（这一步就跳过了）

打开FGUI的软件然后创建项目，创建完后出现一个在这里插入图片描述
我一般都会把下面的组件删除，然后把包重新设置名字，重新创建一个组件这次主要演示的是滑入滑出所以只是添加一个背景文字和假的按钮
首先拖入自己想要做的图片，然后创建一个组件在这里插入图片描述
在‘滑入滑出界面’中拖入一个注册的图片，选中你拖入的图片，点击右键可以转换为组件，然后在图片的组件中添加其他关联它的一些图片文字按钮等

最低0.47元/天 解锁文章
Unity EasyTouch5 + FGUI 基本运用 - 技能释放与技能取消释放
游戏制作过程中遇到的问题和解决过程内容整理，非系统教程。
07-14 1580
前言 unity入门小白一个，最近在练习作品中尝试使用双摇杆的操控，来达到以下效果： 一句话内容： easyTouch 自带的 Button 组件会影响虚拟摇杆的事件监听，导致不能实现拖拽后释放技能的效果，所以推荐用UGUI或者FGUI做一个新的 button EasyTouch5的导入 官网地址：unity商店地址 学习版（v5.0.8）地址： 现在网络上的版本比较多，最新版本是这个 下载好后可以双击导入摇杆包 红线部分可以不用导入 然后在这边就能看到能使用的组件包了 Joystick使用
FairyGUI-控制器Controller
成长ing中的w的专栏
05-10 3172
控制器类似“状态机”，当“监听”的属性状态发生变化时（如按钮的按下点击、下拉框、菜单栏切换等），组件会显示不同的“页面”状态。 using System.Collections; using System.Collections.Generic; using UnityEngine; using FairyGUI; /* * Author:W * 控制器： * 1.分页 一个组件可以由多个页面组成。 * 2.按钮状态 按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态
FairyGUI-GSlider滑动条
成长ing中的w的专栏
05-08 1143
滑动条一般用于设置面板中，如音量大小、操作灵敏度设置等。 导出资源 代码实现 using System.Collections; using System.Collections.Generic; using UnityEngine; using FairyGUI; /* * Author:W * 滑动组件使用:音量设置，操作精度设置等 */ public class GSliderTest : MonoBehaviour { private GComponent root; pr
cocos2d-Lua FairyGUI 之控制器(十二)
鹤九日的博客
12-19 1699
控制器 参考：控制器 简介 在FairyGUI中控制器是一个很有意思的特性，合理的使用它，可以实现很多的效果。 按钮的正常，按下效果实现 多个单选按钮与控制器连接，可实现单选按钮组 配合单选按钮组使用显示控制器，可以完成点击按钮切换页面 使用图标控制器，可以不用在代码中频繁更换资源。 改变元件属性相关，比如：大小，颜色，旋转，位置等等 改变控制器，可以通过接口： setSelectedIndex 建议： 如果代码中更换固定内容，推荐使用文本控制器，可以减少元件的创建数目 对于装载器使用图标控制器，U
FairyGUI笔记：Controller（十一）
baidu_29474379的博客
11-08 4876
控制器是FairyGUI核心功能之一，它为UI制作中以下类似需求提供了支持： 分页 一个组件可以由多个页面组成。 按钮状态 按钮通常有按下、鼠标悬浮等多个状态，我们可以利用控制器为每个状态安排不同的显示内容。 其它状态的变化 利用控制器，我们可以使元件具有多个不同的形态，并且可以方便地切换。 个组件都可以创建一个或多个控制器，如下图所示： 显示控制指示该元件只有...
FairyGui 代码给组件赋值控制器
a598211757的博客
04-16 1260
以显示控制器为例，代码如下 //GearXXX对象是控制器和属性之间的连接。0-显示控制，1-位置控制，2-大小控制， // 3-外观控制，4-颜色控制，5-动画控制，6-文字控制，7-图标控制 GearDisplay gear = (GearDisplay)yourGobject.GetGear(0); gear.controller = yourController; gear.pages...
FairyGUI-Editor_5_0_10_win64.zip
06-09
FairyGUI-Editor_5_0_10_win64.zip 是一个专为游戏UI设计打造的专业工具，它为开发者提供了强大的界面编辑功能，旨在提升游戏UI的设计质量和效率。 首先，我们要理解什么是游戏UI。游戏UI是游戏与玩家之间的桥梁，...
精选资源
xLua_FairyGui_Demo
05-12
FairyGUI的特点在于它的组件化和数据驱动的设计模式，使得UI的创建和维护变得更加简单。 当我们将xlua与FairyGui结合时，我们可以利用lua的灵活性来编写复杂的UI逻辑，同时利用FairyGUI的强大功能来构建精美的用户...
FairyGUI-Editor_5_0_9_win64.zip
02-12
FairyGUI是一个跨平台开源UI解决方案,它包含一个出色的的UI编辑器,以及十多个游戏工具的运行库。包括Unity, Unreal, Cocos2dx, CryEngine, MonoGame, Havok...跨平台UI编辑工具，简单好用容易上手
FairyGUI-Editor_3_10_7_win64.zip
07-24
这个压缩包包含了FairyGUI编辑器的Windows 64位版本，旨在帮助开发者快速、便捷地创建和管理用户界面，提升开发效率。 FairyGUI的核心知识点： 1. **组件化设计**：FairyGUI采用组件化的思想，将UI元素分解为可...
cocos2d-Lua FairyGUI 之 滑动条(七)
鹤九日的博客
12-15 932
进度条 参考: 进度条 注意： 进度条的设置支持设定最小值。比如： 示例： local imgBar = view:getChild("imgbar") imgBar:setMin(100) -- 设置进度条最小值 imgBar:setValue(200) -- 设置进度条当前值 imgBar:setMax(300) -- 设置进度条最大值 --[[ 设置标题类型，公有： PERCENT :
【Unity之FGUI】黑神章Fairy GUI控件详解
秩沅
05-27 3023
FGUI是一种用于游戏开发的GUI系统。它是一种轻量级的UI系统，具有高性能和可扩展性。
FairyGUI笔记：滑动条（十七）
baidu_29474379的博客
11-08 2650
命名约定 bar 当进度改变时，改变“bar”对象的宽度。一般用于横向的进度条。注意：一定要设置bar对象的宽度为进度条处于最大值时的宽度。 “bar”元件可以是任何类型，不限制于图片。 bar_v 当进度改变时，改变“bar_v”对象的高度。一般用于纵向的进度条。注意：一定要设置bar_v对象的高度为进度条处于最大值时的高度。 “bar_v”元件可以是任何类型，不限制于图片。 gr...
[Unity][FairyGUI]获得按钮事件用控制器播放动画
BuladeMian的博客，菜得抠脚，菜得真实
07-09 940
... void Start() { FairyGUI.UIPanel view = GetComponent<FairyGUI.UIPanel>();//Unity物体名称UIPanel GComponent mainview = view.ui;//获得FairyGUi对象 GComponent ROO1 = mainview.GetChild("label_task_01").asCom;//FairyGU...
【Unity之FairyGUI】FairyGUI元件详解
秩沅
05-17 1935
作为额外数据，可以通过代码来获取。
FairyGUI编辑器使用
Huanzhi_Lin的博客
04-25 3500
文章目录编辑器使用基础项目设置包分支发布元件图片动画骨骼动画图形装载器3D内容装载器文本富文本输入文本字体组组件滚动容器控制器关联系统标签按钮下拉框进度条滑动条滚动条列表树PopupDrag&Drop窗口系统动效适配多国语言导入和导出偏好设置颜色空间插件辅助工具 编辑器使用基础 项目设置 包 分支 发布 元件 图片 动画 骨骼动画 图形 装载器 3D内容装载器 文本 富文本 输入文本 字体 组 组件 滚动容器 控制器 关联系统 标签 按钮 下拉框 进度条 滑动条 滚动条 列表 树 Popup Dra
踩坑记录：使用FairyGUI控制器改变GLoader中图片灰度失败
qq_37297537的博客
05-19 486
FGUI控制器控制GLoader图片灰度失败
FairyGUI条子家族（滚动条，滑动条，进度条）
青哥
05-20 1529
条子家族（滚动条，滑动条，进度条） 1、进度条 进度条资源 操作步骤 2、滑动条 滑动条资源 操作步骤 3、滚动条 滚动条资源 （1）向上按钮 （2）向下按钮 （3）滚动条背景 （4）把手按钮 操作步骤 4、列表与滚动条的组合使用案例 发现滚动条中间的把手按钮被拉长了，不好看，我们作如下处理： 至此，全部完成。 ...
【工具向】分析FGUI依赖关系工具
两水先木示的博客
07-02 2008
正确拿到真实的依赖啦，因为所有都有一个唯一id，包含package和所有组件 图片 字体等资源都有唯一id，应该用package.xml得到所有包体的依赖关系后，去遍历全部xxx.xml里的所有节点 是否有 ui://xxxx这种 或 src=xxx 这种去知道它的依赖包。...
fairyGUI list 弧形滑动
最新发布
11-29
在FairyGUI中让List实现弧形滑动，可通过自定义渲染和位置计算达成。以下是一种实现方案： ### 思路 1. **自定义渲染**：重写List中每个元素的位置和旋转，使其符合弧形布局。 2. **滑动处理**：在滑动时更新元素的位置和旋转。 ### 代码示例 ```csharp using FairyGUI; using UnityEngine; public class ArcList : MonoBehaviour { private GList list; private float arcRadius = 200f; // 弧形半径 private float startAngle = -90f; // 起始角度 private float angleStep = 10f; // 每个元素的角度间隔 void Start() { list = GetComponent<GList>(); list.onScroll.Add(OnListScroll); UpdateListPositions(); } private void OnListScroll(EventContext context) { UpdateListPositions(); } private void UpdateListPositions() { int itemCount = list.numChildren; for (int i = 0; i < itemCount; i++) { GObject item = list.GetChildAt(i); float angle = startAngle + i * angleStep + list.scrollPos * 0.1f; // 根据滚动位置调整角度 float radian = angle * Mathf.Deg2Rad; float x = Mathf.Cos(radian) * arcRadius; float y = Mathf.Sin(radian) * arcRadius; item.x = x; item.y = y; item.rotation = angle; // 旋转元素使其朝向弧形中心 } } } ``` ### 代码解释 1. **变量定义**：`arcRadius` 为弧形半径，`startAngle` 为起始角度，`angleStep` 为每个元素的角度间隔。 2. **Start方法**：获取List组件，添加滚动事件监听，并调用 `UpdateListPositions` 方法初始化元素位置。 3. **OnListScroll方法**：在List滚动时调用 `UpdateListPositions` 方法更新元素位置。 4. **UpdateListPositions方法**：遍历List中的每个元素，根据其索引和滚动位置计算弧形位置和旋转角度，然后更新元素的位置和旋转。 ### 注意事项 - 要将该脚本挂载到包含List组件的GameObject上。 - 可根据需求调整 `arcRadius`、`startAngle` 和 `angleStep` 的值。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值