Unity 制作滑动窗口(滑动吸附窗口) 复制粘贴就能用

本文介绍了如何在Unity中创建一个滑动窗口,该窗口具有平滑切换效果,支持代码设置索引跳转,自动调整滑动距离,并允许动态添加和删除内容。详细步骤包括新建脚本、设置Scroll View参数、添加内容及监听事件,适合Unity初学者参考。
摘要由CSDN通过智能技术生成

预览效果,切换过程顺滑

使用最后一次滑动的方向来判定目标方向,如果朝某边偏移后往回移动,会返回到原来的位置
在这里插入图片描述

支持代码设置索引直接跳转

在这里插入图片描述

不需要手动设置宽度,自动根据当前子类来设置滑动距离,支持动态添加和删除

在这里插入图片描述

使用方法:

0 新建脚本,重命名为Slider,复制代码保存

点击这里

1 新建Scroll View控件,修改长宽为600*200

在这里插入图片描述

2 将Content锚点改为如图所示,并添加图中2个组件并设置变量

在这里插入图片描述

3 添加页面数据,以Image为例(按钮或Panel皆可,但尺寸需要保持一致),设置尺寸为600*200,然后Ctrl+D复制多份,Content会自动拉伸长度

在这里插入图片描述

4 选择Scroll View,按照图中关闭Vertical与Inertil(滑动惯性),删除用不上的Scrollbar Vertical纵向滑条,加入Slide脚本,把Content拖入变量

在这里插入图片描述

然后点击运行,就可以看见上面的效果了

5 附加代码

//跳转到指定节点,如果不存在会返回false

bool isSucceed = GetComponent<Slide>().ToAppointNode(int 指定节点)

//返回当前所在的节点

int x = GetComponent<Slide>().GetCurNodeCount()

//返回当前总节点数(也就是Content的子对象数,不会包含隐藏对象)

int x = GetComponent<Slide>().GetMaxNodeCount()

//注册回调,切换不同页面时触发

GetComponent<Slide>().SubscribeCallback(Action<int> callback);

//解除回调

GetComponent<Slide>().UnSubscribeCallback();

代码

using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;

Unity UI窗口的拖拽缩放是可以实现的,我会简单介绍一下实现的步骤。 首先,我们需要给UI窗口添加一个拖拽脚本。创建一个新的C#脚本,将其命名为"DragResize"(或其他你喜欢的名称),并将其附加到UI窗口的GameObject上。 在该脚本中,我们需要添加以下成员变量: - private RectTransform rectTransform; // 用于获取和修改UI窗口的位置和尺寸 - private Vector2 originalMousePos; // 用于储存鼠标按下时的位置 - private Vector2 originalWindowSize; // 用于储存窗口的初始尺寸 在Start()方法中,我们需要获取窗口的RectTransform组件: ```csharp void Start() { rectTransform = GetComponent<RectTransform>(); originalWindowSize = rectTransform.sizeDelta; } ``` 然后,我们需要添加鼠标拖拽和缩放的逻辑。在Update()方法中,我们需要监听鼠标按下、拖拽和释放的事件并做出相应的处理: ```csharp void Update() { if (Input.GetMouseButtonDown(0)) // 鼠标左键按下,记录初始位置 { originalMousePos = Input.mousePosition; } else if (Input.GetMouseButton(0)) // 鼠标按下并拖拽 { Vector2 currentMousePos = Input.mousePosition; Vector2 deltaPos = currentMousePos - originalMousePos; // 修改UI窗口位置 rectTransform.position += new Vector3(deltaPos.x, deltaPos.y, 0); originalMousePos = currentMousePos; } else if (Input.GetMouseButtonUp(0)) // 鼠标释放,结束拖拽 { originalMousePos = Vector2.zero; } } ``` 此时,我们已经实现了UI窗口的拖拽功能。如果还想实现缩放功能,可以将鼠标滚轮的滑动事件加入到代码中: ```csharp void Update() { //... 拖拽逻辑 float scrollDelta = Input.mouseScrollDelta.y; Vector2 newSizeDelta = originalWindowSize + new Vector2(scrollDelta, scrollDelta); // 限制最小尺寸(可根据需求进行修改) newSizeDelta.x = Mathf.Max(newSizeDelta.x, 100); newSizeDelta.y = Mathf.Max(newSizeDelta.y, 100); // 修改UI窗口尺寸 rectTransform.sizeDelta = newSizeDelta; } ``` 这样,我们就完成了Unity UI窗口的拖拽缩放功能的实现。根据实际需求,你可以对代码进行修改和优化。
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值