FGUI手势案例代码

最新推荐文章于 2024-05-12 09:35:50 发布
最新推荐文章于 2024-05-12 09:35:50 发布
阅读量1k 收藏 3
点赞数 2
分类专栏： FGUI 文章标签： unity3d ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_37736879/article/details/122042740
版权

记录一下fgui的几种手势的代码实例
下面是以左上角为中心点的缩放


local worldMapView = {}
local this = worldMapView

local comps
local control

local doubleClickDist = 0				--双指初始距离
local singleClickpos = 0				--单指初始位置
local singleClickDist = 0				--单指移动位置差
local singleClickMapPos = nil			--单击时map的位置
local mapPosSetting = {}				--地图移动范围
local SwipeGestureEvent = nil			--单指手势事件
local PinchGestureEvent = nil			--双指手势事件
local curMapScale = 1					--当前地图放缩倍率
local mouseWheelRate = 0.05				--滚轮缩放比率

---------------------------------------------------------------------------

---------------------------------------------------------------------------
local SetMap = function(_, item)
	local tempControl = {
		item:GetChild("mapBtn01"),
		item:GetChild("mapBtn02"),
		item:GetChild("mapBtn03"),
		item:GetChild("mapBtn04"),
		item:GetChild("mapBtn05"),
		item:GetChild("mapBtn06"),
		item:GetChild("mapBtn07"),
	}
	for index, mapItem in pairs(tempControl) do
		mapItem.enabled = (index == 1)

		if (index == 1) then
			this.ui:TouchClick(mapItem, function()
				uiMgr.openUI(Constants.ViewName.mainHud)
				this.ui:Close()
			end)
		end
	end
end

local SetMapScale = function(scaleVal)
	curMapScale = scaleVal
	mapPosSetting.xMin = GRoot.inst.width - control.mapLayer.width * curMapScale
	mapPosSetting.yMin = GRoot.inst.height - control.mapLayer.height * curMapScale
end

local MapLayerScale = function(add)
	local scaleVal = control.mapLayer.scaleX + add
	scaleVal = (scaleVal > mapPosSetting.scaleMax) and mapPosSetting.scaleMax or scaleVal
	scaleVal = (scaleVal < mapPosSetting.scaleMin) and mapPosSetting.scaleMin or scaleVal
	control.mapLayer:SetScale(scaleVal, scaleVal)
	SetMapScale(scaleVal)
end

--双指事件move
local DoubleClickMoveEvent = function(context)
	MapLayerScale(context.sender.delta)
end

--单指事件begin
local SingleClickBeginEvent = function(context)
	singleClickpos = context.inputEvent.position
	singleClickMapPos = control.mapLayer.position
end

--单指事件move
local SingleClickMoveEvent = function(context)
	local tempPos = context.inputEvent.position - singleClickpos + singleClickMapPos
	tempPos.x = (tempPos.x > mapPosSetting.xMax) and mapPosSetting.xMax or tempPos.x
	tempPos.x = (tempPos.x < mapPosSetting.xMin) and mapPosSetting.xMin or tempPos.x
	tempPos.y = (tempPos.y > mapPosSetting.yMax) and mapPosSetting.yMax or tempPos.y
	tempPos.y = (tempPos.y < mapPosSetting.yMin) and mapPosSetting.yMin or tempPos.y
	control.mapLayer.position = tempPos
	control.mapLayer:InvalidateBatchingState()
end

---------------------------------------------------------------------------
--初始化节点
local InitControl = function()
	control = {
		backBtn = comps.backBtn,
		mapLayer = comps.mapLayer,
	}
	
	mapPosSetting = {
		xMin = GRoot.inst.width - control.mapLayer.width * curMapScale,
		xMax = 0,
		yMin = GRoot.inst.height - control.mapLayer.height * curMapScale,
		yMax = 0,
		scaleMax = control.mapLayer.width / 2500,
		scaleMin = GRoot.inst.height / control.mapLayer.height,
	}
	SetMapScale(curMapScale)

end

--注册点击事件
local BindBtnEvent = function()
	--部队配置
	this.ui:TouchClick(control.backBtn, function()
		uiMgr.openUI(Constants.ViewName.options)
		this.ui:Close()
	end)
	
	--单指手势
	SwipeGestureEvent = this.ui:SwipeGesture(control.mapLayer, function(context)
		SingleClickBeginEvent(context)
	end, function(context)
		SingleClickMoveEvent(context)
	end, function()
	end)

	--双指手势
	PinchGestureEvent = this.ui:PinchGesture(GRoot.inst, function(context)
	end, function(context)
		DoubleClickMoveEvent(context)
	end, function()
	end)

	--滚轮事件
	if UnityEngine.Application.platform == UnityEngine.RuntimePlatform.WindowsEditor or
	UnityEngine.Application.platform == UnityEngine.RuntimePlatform.WindowsPlayer then
		this.ui:OnMouseWheelEvent(control.mapLayer, function(context)
			local delta = context.inputEvent.mouseWheelDelta
			local val = (delta < 0) and mouseWheelRate or (mouseWheelRate * -1)
			MapLayerScale(val)
		end)
	end

	--测试
	-- curMapScale = mapPosSetting.scaleMax
	-- SetMapScale(curMapScale)
	-- control.mapLayer:SetScale(mapPosSetting.scaleMax, mapPosSetting.scaleMax)
end

--初始化ui
local InitUI = function()
	SetMap(nil, control.mapLayer)
end

---------------------------------------------------------------------------
--onUpdate
function this.onUpdate()
end

--OnInit方法名自动生成 请勿修改
function worldMapView.OnInit(root)
	--自动生成 不可删除
	this.ui = BaseUI:New(root)
	helper.logWarn("FairyGUI Lua => worldMapView onInit");

	comps = this.ui.comps
	control = {}
	InitControl()
	BindBtnEvent()
end

--注册事件方法名自动生成 请勿修改
function worldMapView.OnRegisterEvent()
	helper.logWarn("FairyGUI Lua => worldMapView onRegisterEvent");
end
--RemoveAllEvent方法名自动生成 请勿修改
function worldMapView.RemoveAllEvent()
	--移除事件绑定
	helper.logWarn("FairyGUI Lua => worldMapView removeAllEvent");
end

--OnEnter方法名自动生成 请勿修改
function worldMapView.OnEnter(...)
	local args = {...}
	---------------------------
    --获取并初始化组件
	this.OnRegisterEvent()
	helper.logWarn("FairyGUI Lua => worldMapView onEnter");

	InitUI()
end
--OnExit方法名自动生成 请勿修改
function worldMapView.OnExit()
	--关闭一个UI
	this.RemoveAllEvent()
	helper.logWarn("FairyGUI Lua => worldMapView OnExit")
end

--OnExitAll方法名自动生成 请勿修改
function worldMapView.OnExitAll()
	--关闭所有UI
	
	helper.logWarn("FairyGUI Lua => worldMapView OnExitAll")
end

--OnDestroy方法名自动生成 请勿修改
function worldMapView.OnDestroy()
	helper.logWarn("FairyGUI Lua => worldMapView OnDestroy")
	this.ui = nil
	if (SwipeGestureEvent ~= nil) then
		SwipeGestureEvent:Dispose()
	end
	if (PinchGestureEvent ~= nil) then
		PinchGestureEvent:Dispose()
	end
end


--方法名自动生成 请勿修改
return worldMapView

这个是手势的一些接口


-- 长按 手势
function BaseUI:LongPressGesture(gobject, begincb, movecb,endcb,params)
    local longPress = LongPressGesture.New(gobject)
    if params then
        longPress.once = params.once or false
        longPress.interval = params.interval or 0.3
        --第一次 派发 事件的 触发间隔(长按 开始 响应的时间)
        longPress.trigger = params.trigger or 1.5
        --手指按住后，移动超出此半径范围则手势停止。
        longPress.holdRangeRadius = params.holdRangeRadius or 50
        longPress.itemIndex = params.itemIndex or 0
    end
    --开始的回调
    if begincb then
        longPress.onBegin:Add(begincb)
    end
    -- 每隔 多久 触发的回调
    if movecb then
        longPress.onAction:Add(movecb)
    end
    -- 结束的 回调
    if endcb then
        longPress.onEnd:Add(endcb) 
    end
    
    return longPress
    
end

-- 单指 手势
function BaseUI:SwipeGesture(gobject, begincb, movecb, endcb)
    local swipeGesture = SwipeGesture.New(gobject)
    if begincb then
        swipeGesture.onBegin:Add(begincb)
    end
    if movecb then
        swipeGesture.onMove:Add(movecb)
    end
    if endcb then
        swipeGesture.onEnd:Add(endcb) 
    end
    
    return swipeGesture
    
end

-- 双指 手势
function BaseUI:PinchGesture(gobject, begincb, movecb, endcb)
    local pinchGesture = PinchGesture.New(gobject)
    if begincb then
        pinchGesture.onBegin:Add(begincb)
    end
    if movecb then
        pinchGesture.onAction:Add(movecb)
    end
    if endcb then
        pinchGesture.onEnd:Add(endcb) 
    end
    
    return pinchGesture
    
end

新增缩放以双指中心及鼠标点为中心的缩放逻辑

local worldMapView = {}
local this = worldMapView

local comps
local control

local doubleClickDist = 0				--双指初始距离
local singleClickpos = 0				--单指初始位置
local singleClickDist = 0				--单指移动位置差
local singleClickMapPos = nil			--单击时map的位置
local mapSetting = {}					--地图移动范围
local SwipeGestureEvent = nil			--单指手势事件
local PinchGestureEvent = nil			--双指手势事件
local curMapScale = 1					--当前地图放缩倍率
local mouseWheelRate = 0.01				--滚轮缩放比率
local doubleClickCenterPos = nil		--双指事件两指中心位置
local curUnLockMapId = 1				--当前解锁的最新地图Id

---------------------------------------------------------------------------

---------------------------------------------------------------------------
local SetMap = function()
	for index, mapItem in pairs(control.mapItemList) do
		mapItem.enabled = (index <= curUnLockMapId)

		if (index <= curUnLockMapId) then
			this.ui:TouchClick(mapItem, function()
				uiMgr.openUI(Constants.ViewName.mainHud)
				this.ui:Close()
			end)
		end
	end
end

local SetMapScale = function(scaleVal)
	curMapScale = scaleVal
	mapSetting.xMin = GRoot.inst.width - control.mapLayer.width * curMapScale
	mapSetting.yMin = GRoot.inst.height - control.mapLayer.height * curMapScale
end

local SetMapPos = function(tempPos)
	tempPos.x = (tempPos.x > mapSetting.xMax) and mapSetting.xMax or tempPos.x
	tempPos.x = (tempPos.x < mapSetting.xMin) and mapSetting.xMin or tempPos.x
	tempPos.y = (tempPos.y > mapSetting.yMax) and mapSetting.yMax or tempPos.y
	tempPos.y = (tempPos.y < mapSetting.yMin) and mapSetting.yMin or tempPos.y
	control.mapLayer.position = tempPos
end

local MapLayerScale = function(add, mousePos)
	local scaleVal = control.mapLayer.scaleX + add
	scaleVal = (scaleVal > mapSetting.scaleMax) and mapSetting.scaleMax or scaleVal
	scaleVal = (scaleVal < mapSetting.scaleMin) and mapSetting.scaleMin or scaleVal

	local ratio = (add > 0) and -1 or 1
	local addWidth = math.abs(mapSetting.orginWidth * (scaleVal - curMapScale))
	local addHeight = math.abs(mapSetting.orginHeight * (scaleVal - curMapScale))
	local mapPos = control.mapLayer.position
	mapPos.x = control.mapLayer.x + (mousePos.x / mapSetting.orginWidth) * ratio * addWidth
	mapPos.y = control.mapLayer.y + (mousePos.y / mapSetting.orginHeight) * ratio * addHeight
	SetMapScale(scaleVal)
	SetMapPos(mapPos)
	control.mapLayer:SetScale(scaleVal, scaleVal)
end

--双指事件begin
local DoubleClickBeginEvent = function(context)
	local pos1 = control.mapLayer:GlobalToLocal(Stage.inst:GetTouchPosition(0))
	local pos2 = control.mapLayer:GlobalToLocal(Stage.inst:GetTouchPosition(1))
	doubleClickCenterPos = (pos1 + pos2) / 2
end

--双指事件move
local DoubleClickMoveEvent = function(context)
	MapLayerScale(context.sender.delta, doubleClickCenterPos)
end

--单指事件begin
local SingleClickBeginEvent = function(context)
	singleClickpos = context.inputEvent.position
	singleClickMapPos = control.mapLayer.position
end

--单指事件move
local SingleClickMoveEvent = function(context)
	local tempPos = context.inputEvent.position - singleClickpos + singleClickMapPos
	SetMapPos(tempPos)
	control.mapLayer:InvalidateBatchingState()
end

---------------------------------------------------------------------------
--初始化节点
local InitControl = function()
	control = {
		backBtn = comps.backBtn,
		mapLayer = comps.mapLayer,
		mapItemList = {
			comps.mapLayer:GetChild("mapBtn01"),
			comps.mapLayer:GetChild("mapBtn02"),
			comps.mapLayer:GetChild("mapBtn03"),
			comps.mapLayer:GetChild("mapBtn04"),
			comps.mapLayer:GetChild("mapBtn05"),
			comps.mapLayer:GetChild("mapBtn06"),
			comps.mapLayer:GetChild("mapBtn07"),
		},
	}
	
	mapSetting = {
		xMin = GRoot.inst.width - control.mapLayer.width * curMapScale,
		xMax = 0,
		yMin = GRoot.inst.height - control.mapLayer.height * curMapScale,
		yMax = 0,
		scaleMax = control.mapLayer.width / 2500,
		scaleMin = GRoot.inst.height / control.mapLayer.height,
		orginWidth = control.mapLayer.width,
		orginHeight = control.mapLayer.height,
	}
	SetMapScale(curMapScale)

end

--注册点击事件
local BindBtnEvent = function()
	--部队配置
	this.ui:TouchClick(control.backBtn, function()
		uiMgr.openUI(Constants.ViewName.options)
		this.ui:Close()
	end)
	
	--单指手势
	SwipeGestureEvent = this.ui:SwipeGesture(control.mapLayer, function(context)
		SingleClickBeginEvent(context)
	end, function(context)
		SingleClickMoveEvent(context)
	end, function()
	end)

	--双指手势
	PinchGestureEvent = this.ui:PinchGesture(GRoot.inst, function(context)
		DoubleClickBeginEvent(context)
	end, function(context)
		DoubleClickMoveEvent(context)
	end, function()
	end)

	--滚轮事件
	if UnityEngine.Application.platform == UnityEngine.RuntimePlatform.WindowsEditor or
	UnityEngine.Application.platform == UnityEngine.RuntimePlatform.WindowsPlayer then
		this.ui:OnMouseWheelEvent(control.mapLayer, function(context)
			local mousePos = control.mapLayer:GlobalToLocal(context.inputEvent.position)
			local delta = context.inputEvent.mouseWheelDelta
			local val = (delta < 0) and mouseWheelRate or (mouseWheelRate * -1)
			MapLayerScale(val, mousePos)
		end)
	end

end

--初始化数据
local InitData = function()
	curUnLockMapId = 1
end

--初始化ui
local InitUI = function()
	SetMap()

	--镜头锁定解锁地图
	local tempPos = control.mapLayer.position
	tempPos.x = GRoot.inst.width / 2 - control.mapItemList[curUnLockMapId].x * curMapScale
	tempPos.y = GRoot.inst.height / 2 - control.mapItemList[curUnLockMapId].y * curMapScale
	SetMapPos(tempPos)
end

---------------------------------------------------------------------------
--onUpdate
function this.onUpdate()
end

--OnInit方法名自动生成 请勿修改
function worldMapView.OnInit(root)
	--自动生成 不可删除
	this.ui = BaseUI:New(root)
	helper.logWarn("FairyGUI Lua => worldMapView onInit");

	comps = this.ui.comps
	control = {}
	InitControl()
	BindBtnEvent()
end

--注册事件方法名自动生成 请勿修改
function worldMapView.OnRegisterEvent()
	helper.logWarn("FairyGUI Lua => worldMapView onRegisterEvent");
end
--RemoveAllEvent方法名自动生成 请勿修改
function worldMapView.RemoveAllEvent()
	--移除事件绑定
	helper.logWarn("FairyGUI Lua => worldMapView removeAllEvent");
end

--OnEnter方法名自动生成 请勿修改
function worldMapView.OnEnter(...)
	local args = {...}
	---------------------------
    --获取并初始化组件
	this.OnRegisterEvent()
	helper.logWarn("FairyGUI Lua => worldMapView onEnter");

	InitData()
	InitUI()
end
--OnExit方法名自动生成 请勿修改
function worldMapView.OnExit()
	--关闭一个UI
	this.RemoveAllEvent()
	helper.logWarn("FairyGUI Lua => worldMapView OnExit")
end

--OnExitAll方法名自动生成 请勿修改
function worldMapView.OnExitAll()
	--关闭所有UI
	
	helper.logWarn("FairyGUI Lua => worldMapView OnExitAll")
end

--OnDestroy方法名自动生成 请勿修改
function worldMapView.OnDestroy()
	helper.logWarn("FairyGUI Lua => worldMapView OnDestroy")
	this.ui = nil
	if (SwipeGestureEvent ~= nil) then
		SwipeGestureEvent:Dispose()
	end
	if (PinchGestureEvent ~= nil) then
		PinchGestureEvent:Dispose()
	end
end


--方法名自动生成 请勿修改
return worldMapView
unity_鹏_自我总结
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
[Unity][FairyGUI]官方例子在哪里
BuladeMian的博客，菜得抠脚，菜得真实
06-30 2234
Assets\FairyGUI-unity-master\Assets\Examples\Scenes Example 01 - Basics
FGUI的触碰事件
qq_39374899的博客
11-29 4436
滑动手势事件，可以通过OnBegin+OnMove+OnEnd来关心滑动的结果，也可以通过OnAction来得到结果，结果有角度和方向 SwipeGesture gesture1 = new SwipeGesture(holder); gesture1.onMove.Add(OnSwipeMove); gesture1.onEnd.Add(OnSwipeEnd);   void OnSw...
推荐开源项目：FairyGUI for Unity - 重塑高效且直观的Unity UI体验
最新发布
gitblog_00067的博客
05-12 257
推荐开源项目：FairyGUI for Unity - 重塑高效且直观的Unity UI体验 项目地址:https://gitcode.com/fairygui/FairyGUI-unity 1、项目介绍 FairyGUI for Unity 是一款跨平台的UI编辑器与框架，旨在简化Unity游戏和应用的界面设计与开发流程。与传统如NGUI、UGUI等UI引擎相比，FairyGUI采用更接近设计师...
Unity FairyGUI 曲面UI 多功能界面 界面demo最全
11-28
Unity FairyGUI 资源包里面介绍了很多种常用非常用的界面美观的UI demo，其中囊括了曲面UI，多功能界面等，可以说是UnityUI 界面demo最全的资源包
常见的FairyGUI的Demo，包括3D UI，曲面UI等
11-14
资源包里是使用FairyGUI实现的常用的UI demo，包括3D UI，曲面UI等几乎所有FairyGUi能够实现的功能。可以拿来参考学习使用
fgui生成代码插件 ,FairyGuiAutoCode
02-27
fgui生成代码插件，亲测可用
fgui-restore
05-25
git clone git@github.com:krapnikkk/fgui-restore.git 安装 npm install 使用方法 node restore inputFile outputFile 参考 node restore ./test/MainMenu.bin ./output 支持版本 && 还原说明 数据版本 [向下兼容] ...
公司常用FGUI
11-19
公司常用FGUI
fgui_1.0-5
12-25
快速创建一个GUI界面的功能，您自动创建函数的参数部件。自动分析的帮助，上下文sensative的这些参数的帮助例程。接口本质上是一些tcltk的程序的简化和方便GUI创建一个包装。
FGUI应用到Unity.rar
02-24
内附在unity中一键生成FGUI的Ctrl和view脚本工具、以及页面的Ctrl和view脚本依赖的基类
FairyGUI插件
01-24
一款非常好用的FairyGUI-Editor_3_4_3。内附视频教程，解压可用
FairyGUI资源
10-10
用于UI编辑，美术和策划都可以轻松上手，工具中提供各种案例方便学习和使用
FGUI中列表拖拽，和自定义长按事件冲突解决方法
q923437064的博客
09-24 1868
说明，自定义长按事件，不是本人定义的。我也不知道怎么实现，是别人的接口，看不到源码的 一，长按注册 长按事件注册位置是在，渲染的方法中。 二，解决方法 //onScroll事件，设置开始的值，我这里用一个bool值控制 List.scrollPane.onScroll.Add(onScroll); //onScrollEnd事件，必须要有一个滑动过程...
长按事件响应
weixin_30340353的博客
12-05 171
UILongPressGestureRecognizer *longPressGR = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(handleLongPress:)];...
Laya 的 FairyGUI 添加 道具长按功能
qq_36813697的博客
11-30 811
按钮的通用长按方法
FGUI日常使用
weixin_44235418的博客
10-14 1222
FGUI日常使用
FGUI实践（一）
青春不再出发
07-09 4140
目前我选用了FGUI作为开放世界的UI技术方案。我应该再后面写一系列介绍这个技术方案的一些小结。主要目的还是作为一个自己的知识总结，如果想学这部分知识，建议先去看官方网站的详细介绍 第一步：拼接基本的image图形控件 第二步：添加了gif动态 3：添加九宫格 九宫格这里主要处理缩放问题。临界线外面的尺寸不变，中间部分进行缩放 4：富文本： 注意需要选中[]这个标记，才可以执行 使用位图字体:新建位图字体 ...
UILongPressGestureGesture要注意的点
Coding
11-05 169
一般会有gesture.state二次或以上的回调begin, move（步数不一定多少） ,end 所以一定要写 if (gestureRecognizer.state == UIGestureRecognizerStateBegan)这类的判断。 另外最好不要将每个cell加gesutre，而要整体加，然后分别判断，因为如果都加上，可以同时按几个，都有长按的手势，判断是在哪里就难了...
FGUI复制一个组件代码实现
05-05
如果你想复制一个 FGUI 组件的代码实现，可以按照以下步骤进行： 1. 打开 Unity 编辑器，并在 Hierarchy 面板中选择你想要复制的 FGUI 组件。 2. 在 Inspector 面板中找到该组件的脚本，并将其复制。 3. 在你想要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值