码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • 【unity3D】Scroll Rect组件—制作下滑列表


    💗 未来的游戏开发程序媛,现在的努力学习菜鸡
    💦本专栏是我关于游戏开发的学习笔记
    🈶本篇是unity的Scroll Rect组件

    Scroll Rect组件

      • 基础知识
      • 详细说明
      • 案例演示——制作一个简单的下滑框
      • 扩展


    介绍:Scroll Rect组件是用于在UI中创建可滚动区域的组件。它允许用户在滚动视图中显示大量内容,并通过滑动滚动条或手势来浏览内容。 Scroll Rect 组件可以与各种其他 UI 组件(如按钮、文本框和图像)组合使用。它非常适合用于展示列表、排行榜、日志等需要滚动的UI中。

    基础知识

    在这里插入图片描述

    属性说明
    Content这是 UI 元素要滚动的 Rect Transform 的引用,例如一个大图像
    Horizontal是否允许水平滑动
    Vertical是否允许垂直滑动
    Movement Type选择滑动方式
    Elasticity当选择Elastic滑动方式时,用于限制弹性距离
    Inertia是否启用惯性
    Deceleration Rate启用惯性的情况下的减速率
    Scroll Sensitivity滚轮灵敏度。值越大,灵敏度越高
    Viewport是内容 Rect Transform 的父项视口 Rect Transform 的引用
    Horizontal Scrollbar可选的水平滚动条元素的引用
    Vertical Scrollbar可选的垂直滚动条元素的引用
    Visibility滚动条是否应该自动隐藏
    Spacing滚动条和视口之间的空间

    详细说明

    1. Movement Type:无限制、弹性或约束。使用弹性或约束来强制内容保持在滚动矩形的边界内。在弹性模式下,当内容到达滚动矩形的边缘时会反弹。在这里插入图片描述
    2. Scroll Sensitivity:调节这个值可以控制滚轮滑动,挺常用的。默认值的情况下鼠标滑动的很慢,基本滑动不了,通过将这个值调大,就可以通过鼠标控制滑动了。

    案例演示——制作一个简单的下滑框

    1. 在新的Panel上新建一个Image作为背景图片,在它下面再新建一个Image,作为遮罩和可移动面板。
      在这里插入图片描述

    2. 在图片MaskImg添加上Mask组件和Scroll Rect组件,取消掉勾选Show Mask Graphic,不显示遮罩图片
      在这里插入图片描述
      在这里插入图片描述

    3. 在MaskImg下新建一个要显示的内容,比如一段很长的文本。
      在这里插入图片描述

    4. 然后把这个文本拖拽到content中,取消水平方向的勾选,就实现了一个可以无限制下滑的文本。
      在这里插入图片描述请添加图片描述

    5. 调节一下运动方式和鼠标灵敏度,就实现了一个有限制的可以用鼠标滑动的文本,可以用来做文本内容比较长的公告栏等。
      在这里插入图片描述

    请添加图片描述


    扩展

    配合Layout Group和Content Size Fitter组件,还可以实现很多游戏中常见的功能,比如关卡选择,任务公告栏等等。
    在这里插入图片描述
    在这里插入图片描述


    💦更多内容请前往主页置顶或点击链接直达:【unity3D】游戏开发专栏的目录

  • 相关阅读:
    FTP文件的上传与下载
    2023-09-25 LeetCode每日一题(LFU 缓存)
    SpringMVC 解析(四)编程式路由
    HAL库与cubemx系列教程|采用面向对象的方法写一个OLED驱动
    centos上部署Ollama平台,实现语言大模型本地部署
    DefaultListableBeanFactory接口总结
    内容安全复习 9 - 身份认证系统攻击与防御
    CSP模拟52联测14 C.天竺葵
    【近似最近邻搜索】在茫茫点集中,怎么找到你的邻居
    AnimalTFDB v4.0 | OMG!我最爱的转录因子数据库更新啦!~(附使用指南)(二)
  • 原文地址:https://blog.csdn.net/zhurouwanzi/article/details/133985732
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号