unity滑动窗口_Unity中利用UGUI添加滑动页面和滑动条

最新推荐文章于 2023-02-14 17:23:26 发布
最新推荐文章于 2023-02-14 17:23:26 发布
阅读量1k 收藏 3
点赞数 2
文章标签： unity滑动窗口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39517520/article/details/114008401
版权

当页面内容太多时我们使用滑动条控制页面显示内容滚动显示，那么如何实现呢？

首先，为了方便管理，我们先创建一个Panel，用来存放滑动页和滑动条，然后在Panel里面创建要滚动显示的内容，如Text、Image等，若希望创建带背景的Text，则可以创建一个Image，在Image中创建Text。

56a5c7f26a250.html

1a4feda5091c76f3bd5b3a160667ebcc.png

然后给Image添加一个Scroll Rect

56a5c7f26a250.html

fdef5a199faac47c60a25cfda19063cf.png

Content：想要滚动的内容

Horizontal：横向滚动，打勾即允许

Vertical：纵向滚动，打勾即允许

Movement Type：滚动类型

Unres

最低0.47元/天 解锁文章
weixin_39517520
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Unity 制作滑动窗口（滑动吸附窗口） 复制粘贴就能用
MirageWolf的博客
12-04 3662
预览效果，切换过程顺滑 支持代码设置索引直接跳转 不需要手动设置宽度，自动根据当前子类来设置滑动距离，支持动态添加和删除 使用方法： 0 新建脚本，重命名为Slider，复制代码保存 点击这里 1 新建Scroll View控件，修改长宽为600*200 2 将Content锚点改为如图所示，并添加图中2个组件并设置变量 3 新建一张Image（按钮或Panel皆可），设置尺寸为600*200，然后Ctrl+D复制多份，Content会自动排列边长 4 选择Scroll View，按照图中关闭V
Unity UI表格布局组件+滑动组件组合使用
weixin_55532142的博客
05-16 2450
组件介绍： Grid Layout Group：表格(网格)布局组件，可以让数据按表格的形式排列。 Padding：控制所有子物体的整体的外边距。 Cell Size：子物体尺寸； Spacing：子物体之间的间距； Start Corner：子物体开始的角度位置； Start Axis：子物体开始的轴向； Child Alignment：子物体对其方式； Constraint：约束方式，灵活--灵活列数--灵活行数； ScrollRect：滑动组件 Content：Scr
UGUI轮播功能（基于DoTween）
05-22
UGUI轮播功能 目前只支持左右一位位移，没有自己去写缓动，用的DoTween 暂定1.0版本吧，后面会继续优化 其实就是列表存储，后面根据目标位置信息，去做位移和缩放等行为
Unity 遮罩和滑动显示的实现
zxcvb036的博客
04-19 490
遮罩生效
Unity UGUI 滚动列表
熊思雨的博客
02-14 5721
效果：当前用的 Unity 版本为 5.6.7f1，场景分辨率为 1440 * 2560，下面的案例中，都是以这个分辨率为标准，如果你设置的屏幕大小和我的不一样，那么在后面的操作中，参数可能会不一样。
【Unity】滚动缩放关卡选择列表
萧然
08-18 2429
简单实现，正式用时继续优化，现仅支持左右切换按钮点击，后续增加单元格面板点击切换，左右滑动切换··· using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class UIChapterPanel : UIPanelBase { private UIChapterItem[] chapterItemArray; priv..
Unity UGUI实现滑动翻页效果
08-19
在 Unity UGUI 中，我们可以使用 EventSystem 和 EventTrigger 来检测用户的滑动手势。我们可以在 EventSystem 中添加 EventTrigger 组件，然后在 EventTrigger 中添加 IBeginDragHandler 和 IEndDragHandler 事件。...
UGUI源码.zip_Ugui_ugui源码_ugui源码下载_unity_unity ugui源码
09-20
Unity UGUI，全称Unity User Interface，是Unity引擎内置的一套强大的2D和3D图形用户界面系统。自Unity 4.6版本引入以来，它已经成为了开发游戏和交互式应用的标准工具。UGUI源码的分析对于深入理解其工作原理、优化...
Unity UGUI实现滑动翻页直接跳转页数
08-19
Unity UGUI实现滑动翻页直接跳转页数是 Unity 中的一种常见的交互方式，通过滑动翻页可以快速跳转到指定的页数。本文将详细介绍如何使用 Unity UGUI 实现滑动翻页直接跳转页数，并提供了详细的代码示例。 滑动翻页...
Unity-利用UGUI来制作不规则血条，自制滑动条
10-18
利用UGUI来制作不规则的血条，非常简单使用的操作！！！
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法
01-21
UnityUGUI实现ScrollView 滑动居中的放大、其他的缩小，简单实现方法 配套资源文章：https://blog.csdn.net/lq1340817945/article/details/121001075
点击按钮图片轮播切换
05-05
自己写的图片轮播示例，方便改写，定制。
Unity：图片翻动浏览效果Demo
Tan
09-25 3868
本Demo涉及的Unity知识点有： 1.天空盒的添加；http://blog.csdn.net/tanmengwen/article/details/8013410 2.镜面反射效果的实现；http://blog.csdn.net/tanmengwen/article/details/8015138 3.给摄像机添加Image Effect效果使用，比如Depth of Field ，Mo
Unity横竖滑动列表嵌套（UGUI / ScrollRect）
linxinfa的专栏
04-06 4686
文章目录一. 前言二. 实现1. 实现原理2. 制作横竖嵌套滑动列表界面3. 运行Unity进行测试4. CustomScrollRect脚本代码 一. 前言 游戏开发过程中，很可能需要制作横竖嵌套的滑动列表。如下效果： Unity的滑动列表会根据用户的操作行为捕获到对应的事件，但是Unity的事件一旦被上层UI捕获，下层UI就不会响应，如果是嵌套列表，那么二级列表就会劫持掉事件，导致一级列表无...
Unity ScrollView无限循环左右滑动翻页带阻尼效果
w0100746363的专栏
03-02 3504
从https://blog.csdn.net/Sam_ONE/article/details/60467911借鉴优化而来 上面的例子是上下滑动，而且滑动的过程中，子节点的顺序会打乱，这里改成左右滑动，并且加了个排序，使滑动过程中子节点保持正确的顺序。把脚本挂在ScrollView上面，子节点加上Item脚本(随意实现)基本上就可以了 using UnityEngine; using Sys...
Unity3D实现页面的滑动切换功能
qq_37524903的博客
07-12 3207
//挂在 在有ScrollRect 组件 的UI 上 测试创建 页码数量 脚本 效果图： 参考地址：Unity3D实现页面的滑动切换功能_小程小程，永不消沉的博客-CSDN博客_unity3d 滑动
Unity实现滑动更换界面的效果：根据滑动的幅度决定翻不翻页以及翻多少页
derbi123123的博客
08-01 3343
在做2048这个游戏时，因为菜单页面还能查看游戏规则，而这些规则又不在同一个页上，所以需要滑动页面实现页面切换，但是仅仅使用unity提供的组件做出的效果仅有一个切换的意思，交互感很差，所以在组件的基础上又写了一个控制页面切换的类。而界面切换就是实现一个滚动的视图。 在unity编辑器中实现滚动视图的基本操作：需要用Scroll Rect组件 首先可以看看官方用户手册中关于Scroll Rect组件的讲解，说的很明白。最精辟的描述就是用于使子 RectTransform 滚动的组件。 滚动视图中的重要元素包
Unity_滑动面板（滚动面板） + UI动画
⭐
08-24 5322
Unity UGUI Scroll滑动 SnapCenter居中对齐滑动 Infinite无边界（无限）滑动 ScrollEffect滑动效果扩展 ScrollNav滑动导航扩展
Unity3dUGUI图片循环轮播效果
weixin_34194379的博客
07-22 2453
测试.gif 参数 using UnityEngine.UI; using UnityEngine.EventSystems; using System; using UnityEngine; /// <summary> /// 图片轮播组件 /// </summa...
给出Unity的UGUI滑动条示例代码
最新发布
04-08
好的，以下是一个简单的Unity UGUI滑动条示例代码： ``` using UnityEngine; using UnityEngine.UI; public class SliderExample : MonoBehaviour { public Slider slider; public Text sliderValueText; ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值