Unity实现滑页嵌套（解决ScrollRect嵌套冲突问题）

最新推荐文章于 2024-06-13 09:00:00 发布
最新推荐文章于 2024-06-13 09:00:00 发布
阅读量370 收藏 2
点赞数
文章标签： 游戏 ui
原文链接：http://www.cnblogs.com/jzdwajue/p/7281246.html
版权

简单介绍

因为项目须要+有网友咨询，所以做了个横向滑页+某一横向滑页中有竖向滑页的demo，实现有点绕弯子，但基本功能还是比較完好，发上来共享一下。

效果

这里写图片描写叙述

思路

第一步的思路是自己推断触屏拖动位置，然后控制界面横向或者纵向滑动。
然后，
因为UGUI组件重叠时会屏蔽事件
比方Button会屏蔽掉PointerDown

（PS：当然也能够採取继承UGUI组件的方式释放屏蔽事件。
这里对UGUI源代码不熟。採取自己写一个事件分发器方便一点）

项目配置

这里就不赘述咯。我的前一篇blog有具体配置说明：

1.首先建立两个ScrollRect

这里写图片描写叙述

2.分别给两个ScrollRect配置格子的ScrollBar，然后关掉下面设置

这里写图片描写叙述

3.在最外层的ScrollRect配置ScrollControl代码
（PS：代码兴许给出）

这里写图片描写叙述

4.配置InputControl
（PS：新建一个Gameobjct就能够咯，也能够挂在已有物体上）

这里写图片描写叙述
这里写图片描写叙述

5.执行。检查效果...

代码

代码写的比較急。非常多不规范的地方，使用者请看懂逻辑之后自行重构。直接使用者有坑勿怪

InputControl

using UnityEngine;

public delegate void MouseDownEvent(Vector2 mousePosition);
public delegate void MouseUpEvent(Vector2 mousePosition);
public delegate void MouseDragEvent(Vector2 dragVector);
public delegate void MouseClickEvent(Vector2 mousePosition);

public class InputControl : MonoBehaviour
{

    private static InputControl mInstance;

    /// <summary>
    /// 逗比单例模式
    /// </summary>
    public static InputControl Instance
    {
        get
        {
            return mInstance;
        }
    }

    private bool isPress;
    private bool isClick;
    private bool tempPress;
    private Vector2 oldMousePosition;
    private Vector2 tempMousePosition;

    public event MouseDownEvent EVENT_MOUSE_DOWN;
    public event MouseUpEvent EVENT_MOUSE_UP;
    public event MouseDragEvent EVENT_MOUSE_DRAG;
    public event MouseClickEvent EVENT_MOUSE_CLICK;

    /// <summary>
    /// 拖动起始推断參数，可自行更改
    /// </summary>
    public const float JUDGE_DISTANCE = 1F;

    void Awake()
    {
        mInstance = this;

        //下面代码可优化
        EVENT_MOUSE_DOWN += AvoidEmpty;
        EVENT_MOUSE_UP += AvoidEmpty;
        EVENT_MOUSE_DRAG += AvoidEmpty;
        EVENT_MOUSE_CLICK += AvoidEmpty;
    }

    void Start()
    {
        isPress = false;
        isClick = false;
    }

    /// <summary>
    /// 防空保护函数，无用处，可自行优化
    /// </summary>
    /// <param name="noUse"></param>
    private void AvoidEmpty(Vector2 noUse) { }

    void Update()
    {
        tempPress = Input.GetMouseButton(0);
        tempMousePosition = Input.mousePosition;
        // 两次状态不同，触发点击和抬起事件
        if (tempPress != isPress)
        {
            // 按下事件
            if (tempPress)
            {
                isClick = true;
                EVENT_MOUSE_DOWN(tempMousePosition);
            }
            // 抬起事件
            else
            {
                EVENT_MOUSE_UP(tempMousePosition);
                // 点击事件
                if (isClick)
                {
                    EVENT_MOUSE_CLICK(tempMousePosition);
                }
                isClick = false;
            }
        }
        // 按下的过程中发生了移动。发生事件变化
        else if (isClick && JudgeMove(oldMousePosition, tempMousePosition))
        {
            isClick = false;
        }
        // 拖动事件
        else if (tempPress && !isClick)
        {
            EVENT_MOUSE_DRAG(tempMousePosition - oldMousePosition);
        }

        isPress = tempPress;
        oldMousePosition = tempMousePosition;
    }

    /// <summary>
    /// 推断是否超出精巧范围。用static速度更快
    /// </summary>
    /// <param name="p1"></param>
    /// <param name="p2"></param>
    /// <returns></returns>
    private static bool JudgeMove(Vector2 p1, Vector2 p2)
    {
        return Mathf.Abs(p1.x - p2.x) > JUDGE_DISTANCE || Mathf.Abs(p1.y - p2.y) > JUDGE_DISTANCE;
    }

}

ScrollControl

using UnityEngine;
using UnityEngine.UI;

public class ScrollControl : MonoBehaviour
{

    /// <summary>
    /// 横向滚动栏
    /// </summary>
    public Scrollbar m_HScrollBar;

    /// <summary>
    /// 竖向滚动栏
    /// </summary>
    public Scrollbar[] m_VScrollBars;

    /// <summary>
    /// 有竖向滚动的页面
    /// </summary>
    public int[] m_VScrollIndexs;

    /// <summary>
    /// 页面个数
    /// </summary>
    public int m_Num;

    /// <summary>
    /// 设置移动超过多少百分比之后向下翻页
    /// </summary>
    public float m_NextLimit;

    /// <summary>
    /// 滑动敏感值
    /// </summary>
    public float m_Sensitive;

    /// <summary>
    /// 鼠标上一次的位置
    /// </summary>
    private Vector3 mOldPosition;

    /// <summary>
    /// 记录上一次的value
    /// </summary>
    private float mOldValue;

    private float mTargetPosition = 0.5f;

    private int mCurrentIndex = 3;

    private int mTargetIndex = 3;

    /// <summary>
    /// 能否够移动
    /// </summary>
    private bool mCanMove = false;

    /// <summary>
    /// 初始移动速度
    /// </summary>
    private float mMoveSpeed;

    /// <summary>
    /// 平滑移动參数
    /// </summary>
    private const float SMOOTH_TIME = 0.2F;

    private float mDragParam = 0;
    private float mPageWidth = 0;

    /// <summary>
    /// 是否须要进行滑动方向判定
    /// </summary>
    private bool mNeedCaculate = false;

    /// <summary>
    /// 是否进行竖向滚动
    /// </summary>
    private bool mIsScollV = false;

    /// <summary>
    /// 竖向暂时滚动栏
    /// </summary>
    private Scrollbar mVScrollBar;

    public void SetNextIndex(int pIndex)
    {
        mTargetIndex = pIndex;
        mTargetPosition = (mTargetIndex - 1) * mPageWidth;
        mIsScollV = false;
        mCanMove = true;
    }

    private void OnPointerDown(Vector2 mousePosition)
    {
        // 记录当前value
        mOldValue = m_HScrollBar.value;
        mOldPosition = Input.mousePosition;
        // mCanMove = false;
        mCurrentIndex = GetCurrentIndex(mOldValue);
        // 推断当前是否在可竖向滑动的页面上
        for (int i = 0; i < m_VScrollIndexs.Length; ++i)
        {
            if (m_VScrollIndexs[i] == mCurrentIndex)
            {
                mNeedCaculate = true;
                mVScrollBar = m_VScrollBars[i];
                break;
            }
        }
    }

    private void OnDrag(Vector2 mousePosition)
    {

        Vector2 dragVector = Input.mousePosition - mOldPosition;

        if (mNeedCaculate)
        {
            mNeedCaculate = false;

            if (Mathf.Abs(dragVector.x) > Mathf.Abs(dragVector.y))
            {
                mIsScollV = false;
            }
            else
            {
                mIsScollV = true;
            }
        }

        DragScreen(dragVector);

        mOldPosition = Input.mousePosition;
    }

    private void OnPointerUp(Vector2 mousePosition)
    {
        Vector2 dragVector = Input.mousePosition - mOldPosition;
        DragScreen(dragVector);

        mOldPosition = Input.mousePosition;

        float valueOffset = m_HScrollBar.value - mOldValue;
        if (Mathf.Abs((valueOffset) / mPageWidth) > m_NextLimit)
        {
            mTargetIndex += valueOffset > 0 ? 1 : -1;
            mTargetPosition = (mTargetIndex - 1) * mPageWidth;
        }

        mCanMove = true;
    }

    private int GetCurrentIndex(float pCurrentValue)
    {
        return Mathf.RoundToInt(pCurrentValue / mPageWidth + 1);
    }

    private void DragScreen(Vector2 pDragVector)
    {
        if (mIsScollV)
        {
            float oldValue = mVScrollBar.value;
            mVScrollBar.value -= pDragVector.y / Screen.height * mVScrollBar.size;
            mMoveSpeed = mVScrollBar.value - oldValue;
        }
        else
        {
            float oldValue = m_HScrollBar.value;
            m_HScrollBar.value -= pDragVector.x / Screen.width * mDragParam;
            mMoveSpeed = m_HScrollBar.value - oldValue;
        }
    }

    void Awake()
    {
        if (m_Num <= 1)
        {
            Debug.LogError("參数错误:页面个数不正确");
        }
        mDragParam = 1f / (m_Num - 1) * m_Sensitive;
        mPageWidth = 1f / (m_Num - 1);
        mCurrentIndex = GetCurrentIndex(m_HScrollBar.value);
        mTargetIndex = mCurrentIndex;
    }

    void Start()
    {
        InputControl.Instance.EVENT_MOUSE_DOWN += OnPointerDown;
        InputControl.Instance.EVENT_MOUSE_UP += OnPointerUp;
        InputControl.Instance.EVENT_MOUSE_DRAG += OnDrag;
    }

    void OnDestory()
    {
        InputControl.Instance.EVENT_MOUSE_DOWN -= OnPointerDown;
        InputControl.Instance.EVENT_MOUSE_UP -= OnPointerUp;
        InputControl.Instance.EVENT_MOUSE_DRAG -= OnDrag;
    }


    void Update()
    {
        if (mCanMove)
        {
            if (mIsScollV)
            {
                mVScrollBar.value += mMoveSpeed;
                float absValue = Mathf.Abs(mMoveSpeed);
                absValue -= 0.001f;
                if (absValue <= 0)
                {
                    mCanMove = false;
                }
                else
                {
                    mMoveSpeed = mMoveSpeed > 0 ? absValue : -absValue;
                }
            }
            else
            {
                if (Mathf.Abs(m_HScrollBar.value - mTargetPosition) < 0.01f)
                {
                    m_HScrollBar.value = mTargetPosition;
                    mCurrentIndex = mTargetIndex;
                    mCanMove = false;
                    return;
                }
                m_HScrollBar.value = Mathf.SmoothDamp(m_HScrollBar.value, mTargetPosition, ref mMoveSpeed, SMOOTH_TIME);
            }

        }
    }
}

总结

眼下来看效果还能够，两种滑动无干扰，有简单的阻尼滑动效果。滑动分页界限能够设置

其它若有什么问题，欢迎留言

转载于:https://www.cnblogs.com/jzdwajue/p/7281246.html

weixin_30721899
关注
Unity中实现嵌套滑动框
L的博客
06-09 1333
Unity中如果两个ScrollRect嵌套在一起，后面的会挡住前面的，当在二级列表区域拖动时导致一级列表无法滑动根据滑动的方向，来进行事件的渗透传递，如果当前滑动方向与组件的滑动方向不一致则把事件传递给父级列表 UGUI提供了事件执行的方法：ExecuteEvents.Execute......
UGUI 嵌套ScrollRect时的Drag拖动冲突问题总结
游戏小土匪
10-30 2406
直接重写ScrollRect 部分方法即可 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; using UnityEngine.EventSystems; using SuperScrollView; public class VHScrollR...
Unity嵌套滚动ScrollView.zip
05-25
Unity UGUI ScrollView(ScrollRect)嵌套滚动列表（横竖滑动列表）
[unity]UGUI界面滑动,ScrollRect嵌套滑动
07-20 315
原因:老板蛋痛,让我去抄皇室战争. 思路:我大概知道ngui(后来改成UGUI的)里面有个ScrollView.于是我就想一个横着的SV加上5个竖的SV不就好了吗. 过程: 于是 但是有个问题就是UI冲突 我的解决办法就是把5个垂直的SV分别和那个水平的SV的事件同步.代码在我的工程里(我从网上找到的代码,网址忘了,如果有人知道请联系我,我把源地址链接补充上) 另外:...
Unity双层嵌套ScrollView
qq_37244872的博客
07-30 2366
在unity中实现2层ScrollView的嵌套，两层的ScrollView的拖动方向不一样，这个功能的核心就是如何把子ScrollView事件传递给父ScrollView，在查阅资料之后发现只需要实现一下3个接口就行了 using System.Collections; using UnityEngine; using UnityEngine.EventSystems; using Unit...
Unity——ScrollView嵌套
weixin_43891047的博客
02-03 686
解决两层ScrollView嵌套，底层事件无法触发的问题
Unity（三十三）：ScrollView嵌套
You瞧谁不起 - 道不尽世间的沧桑，诉不完人生的悲凉
02-21 2637
效果 布局 脚本 using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; public class CustomScrollRect : ScrollRect { private CustomScrollRect _parent; private enum Direction { Horizontal, Vertical } // 滑动方
UnityScrollRect 滑动冲突代码解决
08-15
使用Unity ScrollRect 滑动冲突代码解决 当使用两个ScrollRect组件冲突时使用 该脚本有两个 1.父对象是水平滑动 子对象是垂直滑动使用HVScrollRect脚本 2.父对象是垂直滑动 子对象是水平滑动使用VHScrollRect脚本 ...
关于unity 双重ScrollRect的水平移动与垂直移动叠加处理
zahll1993的博客
05-18 4531
当scrollRect中的一个个子元素也分别是scorllRect时（子scorllRect和父scorllRect运动方向不一样），根据手指的移动判断是响应子scorllRect的drag事件，还是响应父scorllRect的drag事件。代码如下 public class VHScrollRect : ScrollRect { public ScrollRect par
ScrollView嵌套ScrollView滑动
09-14
ScrollView 嵌套ScrollView 事件分发问题
unity scrollRect实现按页码翻页效果
08-19
主要为大家详细介绍了unity scrollRect实现按页码翻页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
多级 ScrollView 嵌套的实现方案。.zip
01-15
方案是为解决特定问题或达成特定目标而制定的一系列计划或步骤。它的作用是提供一种系统性的方法，以有效地应对挑战、优化流程或实现目标。以下是方案的主要作用： 问题解决： 方案的核心目标是解决问题。通过系统性的规划和执行，方案能够分析问题的根本原因，提供可行的解决方案，并引导实施过程，确保问题得到合理解决。 目标达成： 方案通常与明确的目标相关联，它提供了一种达成这些目标的计划。无论是企业战略、项目管理还是个人发展，方案的制定都有助于明确目标并提供达成目标的路径。 资源优化： 方案在设计时考虑了可用资源，以最大化其效用。通过明智的资源分配，方案可以在有限的资源条件下实现最大的效益，提高效率并减少浪费。 风险管理： 方案通常会对潜在的风险进行评估，并制定相应的风险管理策略。这有助于减轻潜在问题的影响，提高方案的可行性和可持续性。 决策支持： 方案提供了决策者所需的信息和数据，以便做出明智的决策。这种数据驱动的方法有助于减少不确定性，提高决策的准确性。 团队协作： 复杂的问题通常需要多个人的协同努力。方案提供了一个共同的框架，帮助团队成员理解各自的职责和任务，促进协作并确保整个团队朝着共同的目标努力。 监控与评估： 方案通常包括监控和评估的机制，以确保实施的有效性。通过定期的评估，可以及时调整方案，以适应变化的环境或新的挑战。 总体而言，方案的作用在于提供一种有序、有计划的方法，以解决问题、实现目标，并在实施过程中最大化资源利用和风险管理。
UGUI ScrollView 分页滑动
10-09
【Unity】UGUI ScrollView 分页 单次拖拽滑动一页，主要使用了ScrollRect.horizontalNormalizedPosition来实现。
【游戏开发实战】Unity UGUI实现横竖嵌套滑动列表ScrollView（利用事件透传），含Demo工程
linxinfa的专栏
04-07 5576
文章目录一、前言二、实现原理三、界面制作四、运行测试五、CustomScrollRect脚本代码六、结束语 一、前言 点关注不迷路，持续输出Unity干货文章。 嗨，大家好，我是新发。我之前写了一篇文章，https://linxinfa.blog.csdn.net/article/details/105349046 然后有同学私信我说没做出来。 由于之前的文章我没有上传Demo工程，而且原来的工程我这边也删除了，那么我就重新做一个Demo吧。 最终效果如下： 本文Demo工程已上传到CodeChina，
unity3D scrollview嵌套不能滑动的问题及其解决办法
qq_41841073的博客
11-15 927
unity3D scrollview嵌套不能滑动的问题及其解决办法
【实用技巧】Unity中的Scroll View组件的使用技巧
最新发布
Richard_shen的博客
06-13 601
Unity中的Scroll View组件是一个非常强大的UI工具，可以用于创建滚动列表、滚动视图等。使用这些技巧可以帮助你更有效地使用Scroll View组件，创建出既美观又功能强大的滚动界面。记得在实际开发中根据具体需求灵活运用这些技巧。
Unity 双生ScrollView滑动冲突问题
w0100746363的专栏
03-02 1081
上一篇解决了循环左右翻页的问题，如果子节点中也存在ScrollView的话，翻到该子节点时左右滑动就不生效了，得解决它们的冲突。 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.EventSystems; using UnityEngine.UI; ...
UGUI解决嵌套使用多个ScrollRect时的Drag拖动冲突问题
dghpxuv1568的博客
07-05 235
很简单，直接看代码： 1 using UnityEngine.UI; 2 using UnityEngine.EventSystems; 3 using UnityEngine; 4 5 /// <summary> 6 /// 解决嵌套使用ScrollRect时的Drag冲突问题。请将该脚本放置到内层ScrollRect上(外层的ScrollRe...
Unity UGUI滑页效果实现教程
"这篇教程介绍了如何在Unity中利用UGUI系统实现滑页效果，通过ScrollRect和ScrollBar组件的结合使用，以及自定义脚本来控制页面的滑动和切换。" 在Unity游戏开发中，UI系统是非常重要的一部分，尤其是对于交互性强...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值