首页 > 其他分享 >ScrollView

ScrollView

时间:2024-10-17 16:50:41浏览次数:4  
标签:滚动 scrollRect ScrollView 滚动条 视口 矩形 Inertia

目录

新建

  • 选中或者创建新节点
  • 手动挂载或者使用快捷键(GameObject-> UI -> Scrollbar)创建脚本Scroll Rect

效果展示

参数解释

  • Content 内容

这是对需要滚动的 UI 元素(例如大型图像)的矩形变换的引用。

  • Horizontal 水平滚动

启用水平滚动

  • Vertical 垂直滚动

启用垂直滚动

  • Movement Type 运行方式

Unrestricted、Elastic 或 Clamped。使用 Elastic 或 Clamped 可强制内容保持在滚动矩形的边界内。Elastic 模式在内容到达滚动矩形边缘时弹回内容
Elasticity 这是弹性模式中使用的反弹量。

  • Inertia 惯量

如果设置 Inertia,则拖动指针再松开时内容将继续移动。如果未设置 Inertia,则只有进行拖动时内容才移动。
Deceleration Rate 减速率 设置 Inertia 的情况下,减速率决定了内容停止移动的速度。速率为 0 将立即停止移动。值为 1 表示移动永不减速。

  • Scroll Sensitivity 敏感性

对滚轮和触控板滚动事件的敏感性。

  • Viewport 视图

对作为内容矩形变换父项的视口矩形变换的引用。

  • Horizontal Scrollbar 水平滚动条

对水平滚动条元素的引用(可选)。
Visibility 滚动条是否应在不需要时自动隐藏以及(可选)是否还展开视口。
Spacing 滚动条与视口之间的空间。

  • Vertical Scrollbar 垂直滚动条

对垂直滚动条元素的引用(可选)。
Visibility 滚动条是否应在不需要时自动隐藏以及(可选)是否还展开视口。
Spacing 滚动条与视口之间的空间。

  • On Value Changed 事件

滚动矩形的滚动位置发生变化时调用的 UnityEvent。该事件可将当前滚动位置作为 Vector2 类型动态参数发送。

代码示例

using UnityEngine;
using UnityEngine.UI;

public class UGUIScrollView : MonoBehaviour
{
    ScrollRect scrollRect;
    void Start()
    {
        scrollRect = GetComponent<ScrollRect>();

        SetScrollBottom();
    }

    void SetScrollTop()
    {
        // 到初始位置 值的范围是0-1,0是底部或左侧,1是顶部或右侧
        scrollRect.normalizedPosition = new Vector2(0, 1);
    }

    void SetScrollBottom()
    {
        // 到初始位置 值的范围是0-1,0是底部或左侧,1是顶部或右侧
        scrollRect.normalizedPosition = new Vector2(0, 0);
    }
}



标签:滚动,scrollRect,ScrollView,滚动条,视口,矩形,Inertia
From: https://www.cnblogs.com/comradexiao/p/18472644

相关文章

  • Flutter可滚动组件(8):CustomScrollView 和 Slivers
    CustomScrollView前面介绍的ListView、GridView、PageView都是一个完整的可滚动组件,所谓完整是指它们都包括Scrollable、Viewport和Sliver。假如我们想要在一个页面中,同时包含多个可滚动组件,且使它们的滑动效果能统一起来,比如:我们想将已有的两个沿垂直方向滚动的ListView......
  • Flutter可滚动组件(9):嵌套可滚动组件 NestedScrollView
    一、NestedScrollView上一节中,我们知道CustomScrollView只能组合Sliver,如果有孩子也是一个可滚动组件(通过SliverToBoxAdapter嵌入)且它们的滑动方向一致时便不能正常工作。为了解决这个问题,Flutter中提供了一个NestedScrollView组件,它的功能是组合(协调)两个可滚动组件,下面我......
  • WPF ScrollViewer.IsDeferredScrollingEnabled is true can enhance the performance
    Whenanitemscontrolisusingavirtualizingpanel anditcontainsalargenumberofcomplexitems,settingIsDeferredScrollingEnabledto truecanresultinasignificantperformanceimprovementbyavoidingtherenderingof intermediatestates.Applicati......
  • Android开发 - HorizontalScrollView 类水平滚动超长视图使用解析
    基本概念HorizontalScrollView是一个容器,它允许包含的内容在水平方向上滚动。如果你有一块内容(比如一张宽大的图片或一个长长的水平列表),HorizontalScrollView能让用户通过左右滑动来查看超出屏幕的部分基本使用在布局文件(如activity_main.xml)中定义一个HorizontalScrol......
  • WPF ScrollViewer控件 触屏滑动
    备份下  原文 https://www.cnblogs.com/webenh/p/18207292<ScrollViewerx:Name="scroll"TouchDown="mScrollViewer_TouchDown"TouchMove="mScrollViewer_TouchMove"TouchUp="mScrollViewer_TouchUp"></ScrollViewer>......
  • ScrollView实现原理分析
    ScrollView是Android中用于实现单向滚动功能的布局容器。它只能容纳一个子视图,并且能够使这个子视图在垂直方向(默认)或水平方向上滚动。下面我们将结合源码来分析ScrollView的实现原理。1.ScrollView类定义ScrollView继承自FrameLayout,这意味着它本身是一个布局容器,......
  • 如何使用 SwiftUI 中 ScrollView 的滚动偏移
    文章目录前言使用scrollPosition新的ScrollPosition类型为滚动添加动画滚动到特定项目滚动到特定偏移读取滚动位置总结前言WWDC24已经结束,我决定开始写一些关于SwiftUI框架即将推出的新特性的文章。今年,苹果继续填补空白,引入了对滚动位置更细粒度的控制。......
  • Unity UGUI 之 ScrollBar与ScrollView
    本文仅作学习笔记与交流,不作任何商业用途本文包括但不限于unity官方手册,唐老狮,麦扣教程知识,引用会标记,如有不足还请斧正1.什么是ScrollBar滚动块:Unity-Manual:Scrollbar2.重要参数该笔记来源唐老狮:重复参数不过多赘述请看该博客:UnityUGUI之Button-CSDN博客F.......
  • Flutter 中的 NestedScrollView 小部件:全面指南
    Flutter中的NestedScrollView小部件:全面指南Flutter是一个由Google开发的跨平台UI框架,它允许开发者使用Dart语言来构建高性能、美观的移动、Web和桌面应用。在构建复杂的滚动界面时,NestedScrollView是一个非常有用的组件,它允许您将一个滚动视图嵌套在另一个滚......
  • SwiftUI ScrollView 滚动视图
    代码////ContentView.swift//SwiftUIScrollView////CreatedbyCHENHaoon2024/5/7.//importSwiftUIstructContentView:View{varbody:someView{VStack(alignment:.leading){VStack(alignment:.leading){......