unity 页码_unity scrollRect实现按页码翻页效果

最新推荐文章于 2023-06-15 14:26:37 发布
最新推荐文章于 2023-06-15 14:26:37 发布
阅读量686 收藏 9
点赞数
文章标签： unity 页码
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_35651855/article/details/114008333
版权
本文介绍如何在Unity中使用ScrollRect组件实现按页码翻页的效果，适用于背包、商店等场景。通过继承IBeginDragHandler, IEndDragHandler接口，自定义ScrollPageTool类，实现滑动超过页面宽度的30%即触发翻页。代码包括初始化方法、页码切换和按钮交互逻辑。" 132644768,7337247,使用Dialogflow和TensorFlow构建聊天机器人平台,"['自然语言处理', '人工智能', '编程实践', '开发语言', '架构设计']
摘要由CSDN通过智能技术生成

本文实例为大家分享了unity实现按页码翻页效果的具体代码，供大家参考，具体内容如下

用来做背包 商店的按页翻页功能，先上效果图

25157a8a872d962cd94943fa8bfd7d47.gif

5845e7f511ff914b553b2d26e767f123.png

其中，dragNum 表示的是 如果为3，便是滑动距离超过当前页面宽度的百分之三十位成功

connect表示 scrollRect下connet的大小

fee78f0539c07ae6d61df3851524fd5c.png

然后是函数的初始化方法 这里提供了两个方法  一个是直接提供页数 参数分别代表 总页数，要显示的页数 以及切换到要显示的页数是否播放滑动动画

以及当时用来做背包、商店的方法2

9ecf6a72614079bef5d513e5f48db9ae.png

和上面不用的是传入的是物品的数量以及每页显示格子数量的vector2 是否需要改变connect的大小 (需要提前把connect的大小设置为一页的大小)以及打开时显示的页数

思路大致如下 继承 IBeginDragHandler, IEndDragHandler两个接口

在begin时将需要的两个参数 scrollNeedMove 以及scrollTargetValue 置位默认值

在end时计算

bb5ea92710ecb8aea1f407507936a156.png

2efde33581f8af8030e1a2cb2bfbc28d.png

具体代码如下

using UnityEngine;

using System.Collections;

using Uni

最低0.47元/天 解锁文章
黄鱼冻
关注
unity scrollRect 按页翻页实现
liu_sanad的博客
07-20 1万+
用来做背包 商店的按页翻页功能，先上效果图 其中，dragNum 表示的是 如果为3，便是滑动距离超过当前页面宽度的百分之三十位成功 connect表示 scrollRect下connet的大小 然后是函数的初始化方法 这里提供了两个方法  一个是直接提供页数 参数分别代表 总页数，要显示的页数 以及切换到要显示的页数是否播放滑动动画 以及当时用来做背包、商店的方法2 和上面...
Unity使用ScrollRect制作翻页
08-19
主要为大家详细介绍了Unity使用ScrollRect制作翻页，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
unity scrollRect实现按页码翻页效果
08-19
主要为大家详细介绍了unity scrollRect实现按页码翻页效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity 中通过ScrollView(ScrollRect)实现翻页效果
螞蟻的日常
12-24 3777
一、组件属性设置如下如图所示： 1、Sroll Rect 2、Content Size Fiter和Grid Layout Group 二、具体代码如下（根据自己的功能需要更改相关属性） using UnityEngine; using UnityEngine.UI; /// <summary> /// 通过ScrollView(ScrollRect)实现翻页效果 /// </summary> public class ScrollViewTurnPages: .
unity 页码_UNITY UGUI如何实现整页滑动
weixin_26765363的博客
02-11 258
像这种布局。内容是动态添加的。所以内容的多少是不确定的。很多时候是用u3d自带的ContentSizeFitter。这个组件可以自动计算宽度那么问题来了。当总数不是页数的倍数，那么horizontalNormalizedPosition是不正确的。比如：有2页。一页5条当只有6条。是不是也是2页呢？。所以又得必须动态计算了。这里写了一个适用于其他场合的类using System;using Sys...
Unity UGUI实现滑动翻页效果
08-19
使用 Unity UGUI 实现滑动翻页效果需要使用 ScrollRect 组件和 IBeginDragHandler、IEndDragHandler 事件来检测用户的滑动手势，然后使用 Mathf.Lerp 函数来实现滑动动画。通过本教程，你可以快速掌握 Unity UGUI ...
Unity 使用ScrollRect制作按钮翻页效果
最新发布
jennys_name的博客
06-15 982
通过scrollview实现翻页
[Unity UGUI]ScrollRect滚动效果大全
09-10
[Unity UGUI]ScrollRect滚动效果大全 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)
UGUI ScrollRect 带按钮翻页支持拖拽
01-29
UGUI ScrollRect 带按钮翻页支持拖拽
使用UGUI实现Unity翻页效果
11-15
使用UGUI实现Unity翻页效果，使用了mask，然后通过公式计算得到书页位置，然后进行书页位置旋转变换。。。。。。。。。。。。。。。。。。。。。。
Unity UGUI制作的背包翻页效果（带缓动）
09-02
一个常见的翻页效果，切换的时候带有缓动的效果，使用了UGUI+DoTween制作
Unity UGUI实现滑动翻页直接跳转页数
12-20
本文实例为大家分享了Unity UGUI实现滑动翻页，直接跳转页数的具体代码，供大家参考，具体内容如下 首先看一下最终效果 其实这个功能基本上是老生常谈了，所以代码还是很简单 using UnityEngine; using System.Collections; using UnityEngine.UI; using System.Collections.Generic; using UnityEngine.EventSystems; using System; public class PageView : MonoBehaviour, IBeginDragHandler, IEnd
unity 页码_InDesign 怎么做页码
weixin_39710660的博客
02-11 136
回答：当在Indesign里排版完成后，一般会输出PDF，用于浏览或者用于印刷。一般浏览用的PDF不需要很高的精度，因为此类PDF基本是放在网络上共享给用户，为了使文件能够较快地被打开，所以只要保证文字清楚，图片可以看就可以了。而印刷用的PDF，则因为需要后期进行印刷，为了使印制品美观漂亮，就要求比较高的精度。很多人会在输出此类的PDF的时候，对于如何进行设置会有一些困扰，接下来，就详细解说下，让...
基于ScrollRect实现翻页效果
qq_37833413的博客
10-16 417
文章目录前言1.使用接口2.使用相对位置方法3.使用绝对位置 前言 unity提供的ScrollRect组件可以实现左右或者上下滑动效果，翻页效果则需要滑动结束后锁定到某一页。只需要根据拖动结束时，获取ScrollRect的content移动的方向以及移动的目标位置即可。 1.使用接口 要获取鼠标（或者点击）开始结束时讯息（包括开始拖动时的事件以及对应的坐标），unity为我们提供了两个接口来实现...
Unity3D制作 页码动态排列效果
xunideshijie的博客
12-06 2642
功能的重点在于如何正确的通过传入的页码数据计算要显示出来的页码。 所以说首先要确定页码的总数，和页面上最多显示多少个按钮（包括 ‘…’） 在这里作者就不全部列出来了，只展示一个核心方法， /// <summary> /// 获取当前所需显示的页码 一般都是单数 /// </summary> /// <param name="show">页码缓存器(传入一个长度为0的list即可)</param> /// <para.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值