【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置
发布日期:2024-10-14 08:56 点击次数:100
图片
Unity 小科普老规矩,先介绍一下 Unity 的科普小知识:
Unity是 实时3D互动内容创作和运营平台 。包括游戏开发、美术、建筑、汽车设计、影视在内的所有创作者,借助 Unity 将创意变成现实。Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和3D内容,支持平台包括手机、平板电脑、PC、游戏主机、增强现实和虚拟现实设备。 也可以简单把 Unity 理解为一个游戏引擎,可以用来专业制作游戏! Unity 实用小技能学习 Unity UGUI ScrollView滑动到指定位置Unity 中在使用ScrollView的时候,有需求是需要将ScrollView定位到指定的Item上。
如领取一个奖励列表时,每次打开ScrollView让其滑动到最后一个可领取的Item中。
方法一:计算比例完成滑动这里只要计算好item的比例并利用ScrollView的API即可轻松完成该功能,主要用到verticalNormalizedPosition 与horizontalNormalizedPosition 两个参数。 代码如下:
using UnityEngine; using UnityEngine.UI; public class ScrollViewTest : MonoBehaviour { private ScrollRect scrollRect; private void Start() { scrollRect= GetComponent<ScrollRect>(); } /// <summary> /// 设置Rect位置 /// </summary> /// <param name="value">取值范围0-1 ,0代表滑动到最底部或者最左边,1代表滑动到最顶部或者最右边</param> /// <param name="isvertical">是否设置Vertical竖向滑动</param> public void SetRectPos(float value, bool isvertical) { if (isvertical) scrollRect.verticalNormalizedPosition = value; else scrollRect.horizontalNormalizedPosition = value; } }
我们需要拿到这个Item在ScrollView中的索引位置,将其与当前所有的Item进行计算,得到一个大小在 0 ~ 1 的float值,将其传入方法即可完成滑动。
方法二:计算位置进行滑动使用计算的方式,计算出指定的item的坐标,然后进行赋值即可。
using UnityEngine; using DG.Tweening; using UnityEngine.UI; public class ScrollViewNevigation : MonoSingleton<ScrollViewNevigation> { private ScrollRect scrollRect; private RectTransform viewport; private RectTransform content; // Use this for initialization void Start () { Init(); //Nevigate(content.GetChild(45).GetComponent<RectTransform>()); } private void Init() { if (scrollRect == null) { scrollRect = this.GetComponent<ScrollRect>(); } if (viewport == null) { viewport = this.transform.Find("Viewport").GetComponent<RectTransform>(); } if (content == null) { content = this.transform.Find("Viewport/Content").GetComponent<RectTransform>(); } } public void Nevigate(RectTransform item) { Vector3 itemCurrentLocalPostion = scrollRect.GetComponent<RectTransform>().InverseTransformVector(ConvertLocalPosToWorldPos(item)); Vector3 itemTargetLocalPos = scrollRect.GetComponent<RectTransform>().InverseTransformVector(ConvertLocalPosToWorldPos(viewport)); Vector3 diff = itemTargetLocalPos - itemCurrentLocalPostion; diff.z = 0.0f; var newNormalizedPosition = new Vector2( diff.x / (content.GetComponent<RectTransform>().rect.width - viewport.rect.width), diff.y / (content.GetComponent<RectTransform>().rect.height - viewport.rect.height) ); newNormalizedPosition = scrollRect.GetComponent<ScrollRect>().normalizedPosition - newNormalizedPosition; newNormalizedPosition.x = Mathf.Clamp01(newNormalizedPosition.x); newNormalizedPosition.y = Mathf.Clamp01(newNormalizedPosition.y); //有DOTween时使用 DOTween.To(() => scrollRect.GetComponent<ScrollRect>().normalizedPosition, x => scrollRect.GetComponent<ScrollRect>().normalizedPosition = x, newNormalizedPosition, 0.8f); //无DOTween时使用 scrollRect.GetComponent<ScrollRect>().normalizedPosition = newNormalizedPosition; } private Vector3 ConvertLocalPosToWorldPos(RectTransform target) { var pivotOffset = new Vector3( (0.5f - target.pivot.x) * target.rect.size.x, (0.5f - target.pivot.y) * target.rect.size.y, 0f); var localPosition = target.localPosition + pivotOffset; return target.parent.TransformPoint(localPosition); } }
调用其中方法Nevigate()传入指定的Item即可。
🎬 博客主页:https://xiaoy.blog.csdn.net
🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN🙉
🎄 学习专栏推荐:Unity系统学习专栏
🌲 游戏制作专栏推荐:游戏制作
🌲Unity实战100例专栏推荐:Unity 实战100例 教程
🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正!
📆 未来很长,值得我们全力奔赴更美好的生活✨
------------------❤️分割线❤️-------------------------
图片
图片
图片
图片
资料白嫖,技术互助
学习路线指引(点击解锁)知识定位人群定位🧡 Unity系统学习专栏 🧡入门级本专栏从Unity入门开始学习,快速达到Unity的入门水平💛 Unity实战类项目 💛进阶级计划制作Unity的 100个实战案例!助你进入Unity世界,争取做最全的Unity原创博客大全。❤️ 游戏制作专栏 ❤️ 难度偏高分享学习一些Unity成品的游戏Demo和其他语言的小游戏!💚 游戏爱好者万人社区💚 互助/吹水数万人游戏爱好者社区,聊天互助,白嫖奖品💙 Unity100个实用技能💙 Unity查漏补缺针对一些Unity中经常用到的一些小知识和技能进行学习介绍,核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺图片
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报。
下一篇:没有了 上一篇:科林战役中,英军是怎么在战场上逆转局势,并取得胜利的?
热点资讯
- 2024-07-147月10日华海转债上涨0.86%,转股溢价率108.88%
- 2024-08-26玄学提醒:人的运气和打扮真的有很大关系
- 2024-07-29风电机组及场站惯量响应与一次调频调压关键技术与核心装备
- 2024-07-22能催眠的动态图,请试试吧! C
- 2024-09-09科林战役中,英军是怎么在战场上逆转局势,并取得胜利的?
- 2024-08-11史密斯-罗离队 厄德高可能成为阿森纳新10号
相关资讯
- 罗马关注19岁巴西天才前锋 身价1000万欧元
- 科林战役中,英军是怎么在战场上逆转局势,并取得胜利的?
- 7月10日闻泰转债下跌0.16%,转股溢价率224.9%
- 看人特别准的33个秘诀
- 【100个 Unity实用技能】☀️ | Unity UGUI ScrollVi