【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置

这篇具有很好参考价值的文章主要介绍了【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置,Unity 100个实用技能,unity,游戏引擎,UGUI,Scroll View


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例 教程

  • 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正!

  • 📆 未来很长,值得我们全力奔赴更美好的生活✨

  • ------------------❤️分割线❤️-------------------------

【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置,Unity 100个实用技能,unity,游戏引擎,UGUI,Scroll View【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置,Unity 100个实用技能,unity,游戏引擎,UGUI,Scroll View【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置,Unity 100个实用技能,unity,游戏引擎,UGUI,Scroll View

【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置,Unity 100个实用技能,unity,游戏引擎,UGUI,Scroll View

资料白嫖,技术互助

学习路线指引(点击解锁) 知识定位 人群定位
🧡 Unity系统学习专栏 🧡 入门级 本专栏从Unity入门开始学习,快速达到Unity的入门水平
💛 Unity实战类项目 💛 进阶级 计划制作Unity的 100个实战案例!助你进入Unity世界,争取做最全的Unity原创博客大全。
❤️ 游戏制作专栏 ❤️ 难度偏高 分享学习一些Unity成品的游戏Demo和其他语言的小游戏!
💚 游戏爱好者万人社区💚 互助/吹水 数万人游戏爱好者社区,聊天互助,白嫖奖品
💙 Unity100个实用技能💙 Unity查漏补缺 针对一些Unity中经常用到的一些小知识和技能进行学习介绍,核心目的就是让我们能够快速学习Unity的知识以达到查漏补缺

【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置,Unity 100个实用技能,unity,游戏引擎,UGUI,Scroll View文章来源地址https://www.toymoban.com/news/detail-662509.html

到了这里,关于【100个 Unity实用技能】☀️ | Unity UGUI ScrollView滑动到指定位置的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 【100个 Unity实用技能】☀️ | Unity中 过滤透明区域的点击事件

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:Unity系统学习专栏 🌲 游戏制作专栏推荐:游戏制作 🌲Unity实战100例专栏推荐:Unity 实战100例 教程 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📆 未来很长

    2024年01月22日
    浏览(73)
  • 【100个 Unity实用技能】☀️ | Unity 将秒数转化为00:00:00时间格式

    老规矩,先介绍一下 Unity 的科普小知识: Unity 是 实时3D互动内容创作和运营平台 。 包括 游戏开发 、 美术 、 建筑 、 汽车设计 、 影视 在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和

    2023年04月09日
    浏览(52)
  • 【100个 Unity实用技能】☀️ | 关于触发器互相检测的必要前提条件配置

    老规矩,先介绍一下 Unity 的科普小知识: Unity 是 实时3D互动内容创作和运营平台 。 包括 游戏开发 、 美术 、 建筑 、 汽车设计 、 影视 在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和

    2023年04月09日
    浏览(77)
  • 【100个 Unity实用技能】☀️ | Unity读取本地文件(Json,txt等)的三种方法示例

    老规矩,先介绍一下 Unity 的科普小知识: Unity 是 实时3D互动内容创作和运营平台 。 包括 游戏开发 、 美术 、 建筑 、 汽车设计 、 影视 在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和

    2023年04月08日
    浏览(66)
  • 【100个 Unity实用技能】 | C# 中关于补位的写法 PadLeft,PadRight 函数

    老规矩,先介绍一下 Unity 的科普小知识: Unity 是 实时3D互动内容创作和运营平台 。 包括 游戏开发 、 美术 、 建筑 、 汽车设计 、 影视 在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和

    2023年04月14日
    浏览(53)
  • 【100个 Unity实用技能】 | Unity中Text文本框 和 InputField文本输入框 内容换行问题

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:Unity系统学习专栏 🌲 游戏制作专栏推荐:游戏制作 🌲Unity实战100例专栏推荐:Unity 实战100例 教程 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📆 未来很长

    2024年02月11日
    浏览(54)
  • 微信小程序 scrollview 滚动到指定位置

    在微信小程序中,实现 ScrollView 滚动到指定位置有多种方法,下面将介绍三种主要的实现方式。 通过设置 scroll-view 组件的 scroll-top 属性,我们可以实现滚动到指定位置。以下是具体实现方式: 滚动逻辑: 在上述代码中,scroll-top是一个动态数据,通过手动改变scroll-top的值来

    2024年02月04日
    浏览(38)
  • 【100个 Unity实用技能】☀️ | C# 检查字典中是否存在某个Key的几种方法

    老规矩,先介绍一下 Unity 的科普小知识: Unity 是 实时3D互动内容创作和运营平台 。 包括 游戏开发 、 美术 、 建筑 、 汽车设计 、 影视 在内的所有创作者,借助 Unity 将创意变成现实。 Unity 平台提供一整套完善的软件解决方案,可用于创作、运营和变现任何实时互动的2D和

    2023年04月08日
    浏览(49)
  • 【100个 Unity实用技能】 | InputField输入框组件实现输入限制,只能输入中文或特殊字符等

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:Unity系统学习专栏 🌲 游戏制作专栏推荐:游戏制作 🌲Unity实战100例专栏推荐:Unity 实战100例 教程 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📆 未来很长

    2023年04月27日
    浏览(49)
  • 【100个 Unity实用技能】 | Unity中Text文本框 和 InputField文本输入框 内容换行问题【文末送书】

    🎬 博客主页:https://xiaoy.blog.csdn.net 🎥 本文由 呆呆敲代码的小Y 原创,首发于 CSDN 🙉 🎄 学习专栏推荐:Unity系统学习专栏 🌲 游戏制作专栏推荐:游戏制作 🌲Unity实战100例专栏推荐:Unity 实战100例 教程 🏅 欢迎点赞 👍 收藏 ⭐留言 📝 如有错误敬请指正! 📆 未来很长

    2024年02月12日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包