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

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

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

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

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

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

利用fairygui界面滚动组件实现滑动屏幕相关推荐

Python Qt GUI设计：UI界面可视化组件、属性概述（基础篇—4）
目录 1.界面组件 1.1.布局组件(Layouts) 1.2.分隔组件(Spacers) 1.3.按钮组件(Buttons) 1.4.表项视图(Item Views) 1.5.表项组件(Item W ...
android vue.js点击反应慢,解决vue 界面在苹果手机上滑动点击事件等卡顿问题
用vue编写项目接近尾声,需要集成到移动端中,在webstorm上界面,运行效果都很完美,但是在苹果手机上各种问题都出现了,原生项目一向滑动流畅,事件响应迅速,可是苹果手机打开这个项目有两个问题, ( ...
vue移动端点击事件延迟_解决Vue 界面在苹果手机上滑动点击事件等卡顿问题_莺语_前端开发者...
用 (1).滑动页面卡顿, (2).点击事件响应缓慢,百度才发现在苹果手机上有300ms的延迟. 一.滑动页面卡顿 //页面布局页面内容在对应的组件的最外层div上加上这样的样式: .conten ...
vue 界面在苹果手机上滑动点击事件等卡顿解决方案
用vue编写项目接近尾声,需要集成到移动端中,在webstorm上界面,运行效果都很完美,但是在苹果手机上各种问题都出现了,原生项目一向滑动流畅,事件响应迅速,可是苹果手机打开这个项目有两个问题,(1 ...
fairyGUI界面控件的基本制作和功能实现
fairyGUI界面控件的基本制作和功能实现 -1.学习地址:官网和泰课在线 fairyGUI官网: http://www.fairygui.com/tutorial 泰课在线: http://www ...
【React】手写虚拟滚动组件（二）可自动获取不定高度的虚拟滚动组件
前言上次那篇写的虚拟滚动后来使用发现在某些情况并不是特别好用,并且只支持固定高度.我看了下umihook的虚拟滚动,发现也不是很好用,它支持手动设定每个元素高度,但也不能支持不定高度,而且限定更多了 ...
利用Eclipse的Update组件实现适合企业应用的更新组件(1)
利用Eclipse的Update组件实现适合企业应用的更新组件(1) tag: java,eclipse,rcp,ibm,client,wed,expeditor,liveupdate,update ...
微信小程序页面上下滚动、左右滑动（二）
系列文章目录微信小程序页面上下滚动.左右滑动(一) 文章目录系列文章目录前言项目结构解决问题1 1.pretest页面 2.test页面解决问题2 总结参考前言在上一篇文章,讲解了再 ...
js控制div内部滚动内容横向滑动位置
js控制div内部滚动内容横向滑动位置使用 js控制div内部的滚动内容横向滑动,主要应用在移动端,项目是基于angularJS,所以带有angular的点击方法ng-click,可以用原生js替换 ...
使用Element的 InfiniteScroll 无限滚动组件报错
一.问题描述在使用Element的InfiniteScroll 无限滚动时候出现以下错误: TypeError: Failed to execute 'observe' on 'MutationOb ...

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

利用fairygui界面滚动组件实现滑动屏幕相关推荐

最新文章

热门文章