Unity实现ScrollView滑动吸附功能

 更新时间:2020年09月29日 08:23:31   作者:INoriEGOIST  
这篇文章主要为大家详细介绍了Unity实现ScrollView滑动吸附功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Unity实现ScrollView滑动吸附的具体代码,供大家参考,具体内容如下

最近在做一个展示模块的时候遇到了一个需要实现滑动窗口并且能固定吸附距离的需求,借助UGUI的ScrollView的API以及Dotween实现了这个功能。主要核心逻辑就是检测Content节点的RectTransform的localPosX的移动距离然后继承实现OnDrag几个接口来完成拖动再松开自动吸附到具体的位置。具体效果如下

另外说一下有几个ScrollView自带的API需要设置一下,一个事Movement Type设置成Unrestricted,以及关闭Inertia,这样才能关闭ScrollView自带的最大距离移动控制不会导致在松手吸附过程中因为拖动距离大于了左右两边限制而最终的移动结束的坐标位置不对。

下面贴一下代码,脚本直接附在Content物体上既可。

Tip:代码里的450 225是一个子物体宽度的加上content的Space距离,我演示的工程师一个Image420的宽度 30的HorLayout Space,225则是这个距离/2,可以根据具体需求去改变由于只是为了出个DEMO就没有写成变量

using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;
using DG.Tweening;
using DG.Tweening.Core.Easing;
using UnityEngine.Experimental.UIElements;

public class ScorllViewAutoHandler : MonoBehaviour, IEndDragHandler, IBeginDragHandler, IDragHandler
{
 private GameObject Scroll;
 private ScrollRect sc;
 private float OriginPosX;
 private float offsetX;
 private int CurIndex;
 private bool isDragging = false;
 private bool TimerFlag = false;
 private float Timer;
 // Start is called before the first frame update
 void Start()
 {
 CurIndex = 0;
 Scroll = this.gameObject;
 sc = Scroll.transform.parent.transform.parent.gameObject.GetComponent<ScrollRect>();
 }
 public void OnEndDrag(PointerEventData eventData)
 {
 int tempIndex=0;
 sc.OnEndDrag(eventData);
 offsetX = this.transform.localPosition.x - OriginPosX;
 if (Mathf.Abs(offsetX) % 450 < 225)
 {
  tempIndex = (int)(Mathf.Abs(offsetX) / 450);
  int _TempTargetIndex = 0;
  if (offsetX <0)
  {
  _TempTargetIndex = CurIndex + tempIndex;
  }
  else
  {
  _TempTargetIndex = CurIndex - tempIndex;
  }
  if (_TempTargetIndex >= 0 && _TempTargetIndex <= Scroll.transform.childCount - 1)
  {
  _TempTargetIndex = _TempTargetIndex;
  }
  else if (_TempTargetIndex < 0)
  {
  _TempTargetIndex = 0;
  }
  else
  {
  _TempTargetIndex = Scroll.transform.childCount - 1;
  }
  Debug.LogError("本次位移目标" + _TempTargetIndex + "初始" + CurIndex);
  this.transform.DOLocalMoveX(_TempTargetIndex*450, 0.5f).SetEase(Ease.OutBack);
 }
 else
 {
  tempIndex = (int)(Mathf.Abs(offsetX) / 450);
  tempIndex += 1;
  int _TempTargetIndex = 0;
  if (offsetX < 0)
  {
  _TempTargetIndex = CurIndex + tempIndex;
  }
  else
  {
  _TempTargetIndex = CurIndex - tempIndex;
  }
  if (_TempTargetIndex >= 0 && _TempTargetIndex <= Scroll.transform.childCount - 1)
  {
  _TempTargetIndex = _TempTargetIndex;
  }
  else if (_TempTargetIndex < 0)
  {
  _TempTargetIndex = 0;
  }
  else
  {
  _TempTargetIndex = Scroll.transform.childCount - 1;
  }
  Debug.LogError("本次位移目标" + _TempTargetIndex + "初始" + CurIndex);
  this.transform.DOLocalMoveX(_TempTargetIndex*450, 0.5f).SetEase(Ease.OutBack);
 }
 }

 public void OnBeginDrag(PointerEventData eventData)
 {
 sc.OnBeginDrag(eventData);
 OriginPosX = this.transform.localPosition.x;
 CurIndex = (int)(Mathf.Abs(this.transform.localPosition.x) / 450);
 offsetX = 0;
 //当鼠标在A对象按下并开始拖拽时 A对象响应此事件
 // 此事件在OnInitializePotentialDrag之后响应 OnDrag之前响应
 //Debug.Log("OnBeginDrag " );
 }

 public void OnDrag(PointerEventData eventData)
 {
 sc.OnDrag(eventData);
 //Debug.LogError("Dragging" );
 }
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • C# 数独求解算法的实现

    C# 数独求解算法的实现

    这篇文章主要介绍了C# 数独求解算法的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • C#文件路径操作详细总结

    C#文件路径操作详细总结

    本篇文章主要是对C#中的文件路径操作进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • C#创建Excel多级分组的方法

    C#创建Excel多级分组的方法

    这篇文章主要为大家详细介绍了C#创建Excel多级分组的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-12-12
  • 基于C# 生成Zip压缩包代码

    基于C# 生成Zip压缩包代码

    压缩包制作也是很多项目中需要用到的功能。接下来通过本文给大家介绍基于C# 生成Zip压缩包代码,对c生成zip压缩包相关知识感兴趣的朋友一起学习吧
    2016-04-04
  • WPF Trigger改变属性无效问题排查示例详解

    WPF Trigger改变属性无效问题排查示例详解

    这篇文章主要为大家介绍了WPF Trigger改变属性无效问题排查示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-10-10
  • c# 利用易福门振动模块VSE002采集振动数据的方法

    c# 利用易福门振动模块VSE002采集振动数据的方法

    这篇文章主要介绍了c# 利用易福门振动模块VSE002采集振动数据的方法,本文通过图文实例相结合给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-04-04
  • c#使用netmail方式发送邮件示例

    c#使用netmail方式发送邮件示例

    这篇文章主要介绍了c#使用netmail方式发送邮件的示例,大家参考使用吧
    2014-01-01
  • C#调用sql2000存储过程方法小结

    C#调用sql2000存储过程方法小结

    这篇文章主要介绍了C#调用sql2000存储过程的方法,以实例形式分别对调用带输入参数及输出参数的存储过程进行了详细分析,非常具有实用价值,需要的朋友可以参考下
    2014-10-10
  • Unity UGUI的LayoutElement布局元素组件介绍使用示例

    Unity UGUI的LayoutElement布局元素组件介绍使用示例

    这篇文章主要为大家介绍了Unity UGUI的LayoutElement布局元素组件介绍使用示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • C#读写共享文件夹的方法

    C#读写共享文件夹的方法

    这篇文章主要为大家详细介绍了C#读写共享文件夹的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-05-05

最新评论