利用fairygui界面滚动组件实现滑动屏幕

最新推荐文章于 2024-08-14 20:14:46 发布
最新推荐文章于 2024-08-14 20:14:46 发布
阅读量5.3k 收藏
点赞数
文章标签： fairygui 界面滑动
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38704727/article/details/83584846
版权

我在做一个小游戏的时候需要实现界面滑动效果，开始第一念头是用监听鼠标的滑动位置改变来做，但是fairygui有一种滚动组件就可以很方便的实现。

我们需要用到滑动界面情况，通常是因为游戏的背景图片比游戏可视界面大（暂不考虑背景循环）

图片加载：首先我们创建一个组件A，大小根据游戏需求而定（通常是手机界面大小），然后如果需要的背景是一张大图片的话直接把图片放入组件A中，如果图片太大fairygui导不出来我们可以把一张大图片切成若干张小图片，我们需要在组件A中再创建一个组件B作为容器，该容器长或宽宽要等于这张大图的长宽，依次将图片加入或者用代码动态加入到组件B中。

组件设置：如果你想左右滑动背景就将组件A设置为水平滚动，想上下滚动屏幕则将组件A设置为垂直滚动这样就实现了想要的背景滚动功能

最后你还可以对滑动进行一些设置

 

Kang.Charles
关注
fairyGUI实现文本可折叠
u013354943的博客
12-25 1755
fairyGUI实现文本可折叠 利用2个文本实现在需显示的内容超过9行时，第九行后面的文本显示“...”和展开按钮。 点击展开按钮，出现折叠按钮，文本超过12行时显示滚动条来实现文本的滚动浏览。 界面示意图如下： tf_limitAuto用于存放12行以内的文本显示，tf_auto用于显示展示折叠后超过12行的文本显示。 当tf_auto的文本超过12行后会触发控件的溢出，实现界面可
Unity跨平台UI解决方案：可能是最全的FairyGUI系列教程.Part1
空名先生
03-19 1万+
FairyGUI简介导读 她提供了超强的UI编辑器，界面操作与PS类似，友善且简单。主打的是摒弃了脚本和配置文件这些需要代码思维的操作，设计或者美术都可以轻轻松松学会并生产界面。 能实现功能非常之多：最基本的按钮，图片，富文本，进度条，滑动条，列表，树 进阶的有动画，控制器，关联系统，装载器，窗口，动效 支持的引擎也非常之多：Unity,Unreal,Cocos,ThreeJS,Egret,LayaAir等十多款游戏引擎 通过简单的操作来实现复杂的功能，提高开发效率，UI 制作效率提升昂...
FairyGUI进阶-滑动列表 虚拟列表 循环列表
xiongwen_li的博客
09-15 1082
Fairy滑动列表 虚拟列表 循环列表使用
FGUI+TS如何实现数字翻滚
最新发布
蜡笔小新1980的博客
08-14 337
fgui制作动效，设置一个起始帧以及一个结束帧，起始帧改变位置x为0，y为0；结束帧改变位置x为0，y为你后一个数字或符号的位置，在之间设置缓动函数，达到连贯的效果。fgui制作组件，设置一条竖向数字包含1-9或者小数点符号等，可见区域为一个数字大小，最好可见区域紧贴数字，这样滚动的时候滚动区域范围不会太大。制作一个列表，将这个组件放进去，调整位置。fgui制作组件和特效。
FairyGUI-GSlider滑动条
成长ing中的w的专栏
05-08 870
滑动条一般用于设置面板中，如音量大小、操作灵敏度设置等。 导出资源 代码实现 using System.Collections; using System.Collections.Generic; using UnityEngine; using FairyGUI; /* * Author:W * 滑动组件使用:音量设置，操作精度设置等 */ public class GSliderTest : MonoBehaviour { private GComponent root; pr
FairyGUI条子家族（滚动条，滑动条，进度条）
青哥
05-20 1200
条子家族（滚动条，滑动条，进度条） 1、进度条 进度条资源 操作步骤 2、滑动条 滑动条资源 操作步骤 3、滚动条 滚动条资源 （1）向上按钮 （2）向下按钮 （3）滚动条背景 （4）把手按钮 操作步骤 4、列表与滚动条的组合使用案例 发现滚动条中间的把手按钮被拉长了，不好看，我们作如下处理： 至此，全部完成。 ...
FairyGUI笔记：滑动条（十七）
baidu_29474379的博客
11-08 2470
命名约定 bar 当进度改变时，改变“bar”对象的宽度。一般用于横向的进度条。注意：一定要设置bar对象的宽度为进度条处于最大值时的宽度。 “bar”元件可以是任何类型，不限制于图片。 bar_v 当进度改变时，改变“bar_v”对象的高度。一般用于纵向的进度条。注意：一定要设置bar_v对象的高度为进度条处于最大值时的高度。 “bar_v”元件可以是任何类型，不限制于图片。 gr...
Fairy GUI 使用
weixin_44806700的博客
04-24 1965
官网：https://www.fairygui.com/ 基本操作 添加包：UIPackage.AddPackage(@“Assets/ArtContents\UIAssets\Sprites\homeChatBox\homeChatBox”); 创建对象： var main = UIPackage.CreateObject(“homeChatBox”, “main”); 显示： GRoot.inst.AddChild(main); 元件（GObject） 设置隐藏和显示 visible = true/f
Unity FairyGUI 曲面UI 多功能界面 界面demo最全
11-28
在Unity中，通过FairyGUI实现曲面UI，可以利用其强大的图形引擎，调整各个UI组件的深度、曲率和光照效果，使得界面看起来像是贴合在游戏世界的曲面上，增强视觉吸引力。 多功能界面是现代游戏UI的一个重要组成部分...
FairyGUI-Unity
06-06
通过掌握FairyGUI的基本概念和使用技巧，开发者可以更专注于游戏的玩法和内容创新，而不用过于担忧前端界面的设计与实现。因此，无论你是独立开发者还是大型团队的一员，FairyGUI都是提升游戏前端开发效率和质量的...
FairyGUI个人使用手册 只有重点（1）
qq_43685296的博客
11-07 3417
用户自定义一些Key-Value集合：1.在插件中可以利用。2.控制器可以定义首页为这里的Key值，则组件创建时，控制器将自动切换到名称为Value的页面。这里的设定仅用于编辑器内使用，运行时需要用代码重新设置，API是UIPackage.SetVar。
[Unity][FairyGUI]Glist滑动到底部或顶部
BuladeMian的博客，菜得抠脚，菜得真实
08-30 1141
GList list_.ScrollToView(list_.numChildren-1);//滑动到底部 (list_.numChildren > 0)?list_.ScrollToView(0)//滑动到顶部 :null; 相关资料: 1.[Unity][FairyGUI]GList更新 2. 参考资料: 1.Glist #虚拟列表 2.
FairyGUI_5_0_10版本中控制界面滑入滑出和关联的简单操作
Xing_Cheng_Yun的博客
01-19 744
首先得去官网上面下载当前版本的FGUI https://en.fairygui.com/ 点击官网上方的产品也会有对应SDK供你下载 点击下载就OK 然后是把SDK导入到Unity中（这一步就跳过了） 打开FGUI的软件然后创建项目，创建完后出现一个 我一般都会把下面的组件删除，然后把包重新设置名字，重新创建一个组件这次主要演示的是滑入滑出所以只是添加一个背景文字和假的按钮 首先拖入自己想要做的...
laya ts fgui的list滚动列表设置
qq_40390815的博客
01-18 1361
FGUI如何拼接list功能以及如何代码实现
Unity FairyGUI（六）
zzzsss123333的博客
04-03 1541
Unity FairyGUI（六） 一.关联系统 官方文档 一般不会用代码设置关联，除非动态的列表需要设置时 UI的九宫格，自适应，随文本改变大小等功能 public class Lesson25 : MonoBehaviour { private void Start() { GRoot.inst.SetContentScaleFactor(1365, 768, UIContentScaler.ScreenMatchMode.MatchHeigh
fairyGUI界面控件的基本制作和功能实现
热门推荐
u013354943的博客
12-25 2万+
fairyGUI界面控件的基本制作和功能实现 —1.学习地址：官网和泰课在线 fairyGUI官网： http://www.fairygui.com/tutorial 泰课在线： http://www.taikr.com/cloud/search?q=fairyGUI 2.按钮   一般按钮有4个态：（点开按钮模块可查看）up/down/over/select
FairyGUI学习使用
m0_52155091的博客
02-19 2257
#FairyGUI的创建 编辑好项目名称后，选定项目存储位置，最后选定项目类型点击创建即可 #FairyGUI主界面展示
FairyGUI-遮罩与滚动视图
成长ing中的w的专栏
05-10 3490
组件GComponent关于溢出部分处理，选择“可见”模式，再指定遮罩层，就实现了遮罩功能；如果设定成滚动，则变成了滚动视图。 导出资源 代码实现 using System.Collections; using System.Collections.Generic; using UnityEngine; using FairyGUI; /* * Author:W * 滚动视图 * GComponent组件有关于溢出处理 * 作用1：设置遮罩 * 作用2：设置滚动，滚动视图 *
FairGUI 手指事件
RocketJ的博客
06-28 1397
一、滑动手势事件。通过 OnBegin+OnMove+OnEnd 来关心滑动的结果，或者通过OnAction来得到结果，结果有角度和方向 SwipeGesture gesture1 = new SwipeGesture(holder); gesture1.onMove.Add(OnSwipeMove); gesture1.onEnd.Add(OnSwipeEnd); void OnSwipe...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值