Unity：实现UI上下翻动效果

最新推荐文章于 2024-03-03 21:38:42 发布
最新推荐文章于 2024-03-03 21:38:42 发布
阅读量1.8k 收藏 6
点赞数 1
分类专栏： Unity UI 文章标签： 游戏开发 unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42923509/article/details/106455482
版权

1.在Canvas下面创建一个空物体ScrollRect，并添加ScrollRect组件和Rect Mask 2D组件（ScrollRect组件的功能是实现滑动效果，RectMask2D组件是只显示ScrollRect范围内的UI
2.在ScrollRect下面创建名为ViewPort的空物体，并在该物体下面创建名为Constont的空物体，并给Constont添加布局组件（我使用的是Vertical Layout Group
3.将ViewPort和Constont拖到ScrollRect组件中对应的位置
在这里插入图片描述

注意事项 ：要显示的UI如果超过了Constont的范围，那么超过的UI将显示不出来，即使拉到超过的UI部分也会被弹回到Constont的显示区域；所以Constont的大小要等于或超过显示的UI的高度/宽度之和
在这里插入图片描述

忧生乐死
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
实现简易的unity页面滑动功能Demo
05-21
实现简易的unity页面滑动功能Demo。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
Unity实现在UI物体上进行“上滑/滑动触发”
Z478942073的博客
08-14 253
Unity中，在UI物体上实现移动端常见的上滑/滑动触发
Unity UGUI之Scrollbar基本了解
最新发布
不在同一频道上的呆子的博客
03-03 606
Unity UGUI之Scrollbar基本了解
Unity3D——窗口内容上下左右滚动、区域滑动
Ro969668074的博客
12-06 6551
在制作UI过程中，通常需要我们创建一个小窗口来显示很多内容，如游戏说明、捕鱼达人中鱼的种类、电影票的选择等等。 1.创建一个“Image”为窗口，命名“background”，添加“Scroll Rect”和“Mask”属性。如图 其中“Mask”，蒙版控件，遮罩“background”以外的区域。         Show Mask Graphic：显示蒙版图像，预览蒙版图像的显示效果...
13.Unity2D 横版 可上下左右移动的双向平台（双向行走+可移动+单独判定）+随机平台生成
雾狼的游戏屋
07-23 3494
Unity2D 横版 可上下左右移动的双向平台（双向行走+可移动+单独判定）+随机平台生成。大多数平台教程全是碰撞体的可移动平台，并没有可跳上的平台，并且要求按下键会从平台上跳下来。有也只是通过控制平台的“2D平台效果碰撞体”组件的单向平台的旋转偏移来做，但是这样会出现一个问题，当有多个人或者多个NPC在同一个平台上，如果有一个人按下键会导致所有人都跳下来，虽然其他人并没有按下键。如同下面：（看不懂原理没关系，就看个示范结果）...
Unity实现滑动列表（一）
热门推荐
天啦噜纸牌君
09-17 1万+
Step1：创建UI结构 先要有一个框架，框架下包括两个东西，一个是列表list，一个是滑动条scrollbar。 具体的列表项grid放在list的下面 Step2：为frame添加组件 为frame添加Scroll Rect组件和Mask组件 添加完组件后，Mask组件就这样放着就行了 但是需要对Scroll Rect组件进行如下操作： 1.将list拖入到Content里面去：这是说明li...
Unity UGUI ScrollView滑动到指定位置
Zyt
03-07 5031
using UnityEngine; using UnityEngine.UI; public class Test : MonoBehaviour { private ScrollRect sc; private void Start() { sc = GetComponent<ScrollRect>(); } /// <summary> /// 设置Rect位置 /// </summary.
Unity页面滑动Slider
zhunju0089的博客
12-21 1548
第一步：创建三个Image（或者多个都行），并且设置Canvas的CanvasScaler脚本组件UI Scale Mode和Reference Resolution的值 设置Canvas 第二步：设置三个Image游戏对象的Rect Transform的值 设置Image的属性值 第三步：新建一个空物体GameObject重命名为Images 设置RectTransform...
Unity_UGUI_实现上下拖动展示文字
weixin_42137574的博客
09-10 1450
1.首先在 场景中创建一个 image作为 主背景 2.点击刚刚创建 主背景 把背景的颜色 修改成半透明的 3.在 主背景 Bg_img 下创建一个 Image命名为-->Title_img 并且将其背景色 修改成你想要的效果 4.在 Title_img 下面创建 一个 Text 修改如下 属性 Title_img 和 Text 的宽高 修改成一样 5.在 ...
Unity 单个Text上下滑动自定扩展
qq_42223582的博客
01-14 3292
Unity 单个Text文本框溢出后可以滑动 效果： 做法： 1.首先建一个父节点身上挂上Mask，Scroll Rect组件 2.让后在当前节点下创建一个Text文本框就好，这个文本框上最好加上Content Size Fitter组件将Vertical Fit改成Preferred Size，让文本框自己延申，如果不加这个组件的话文本框的大小需要自己设置高度 3.也可以建一个Scrollba...
Unity 手势左右上下滑 放大缩小
qiaochaoqc的专栏
12-03 3182
#if UNITY_ANDROID && !UNITY_EDITOR #define ANDROID #endif     #if UNITY_IPHONE && !UNITY_EDITOR #define IPHONE #endif using UnityEngine; using System.Collections; using UnityEngine.Event
Unity实现UI光晕效果（发光效果）
08-25
主要为大家详细介绍了Unity实现UI光晕效果，发光效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity实现UI渐变效果
08-19
主要为大家详细介绍了Unity实现UI渐变效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity实现UI渐隐渐显效果
08-19
主要为大家详细介绍了Unity实现UI渐隐渐显效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Unity 实现UI窗口拖拽缩放
04-26
在Unity里面实现UI窗口的操作，包含拖动，单边拖动缩放，对角拖拽缩放功能
Unity3d 滑动事件--向上、向下、向左、向右（PC好用但是手机滑动不是很理想）
于子潇的博客
06-27 7830
方法写在OnGUI里!!! 脚本挂在空节点就可以了! // touchSecond.y > touchFirst.y && touchSecond.x ==touchFirst.x 多加了一个判断是因为滑动过程中总会误判 private Vector2 touchFirst = Vector2.zero; //手指开始按下的位置 private Vector2 touchSe
Unity依据文本内容自动扩展文本框+文本框上下滑动
yf_dzh的博客
02-27 5070
Unity依据文本内容自动扩展文本框+文本框上下滑动-个人纪录用 这里使用Scroll View组件作为滑动组件，Text组件作为文本显示组件。 首先，添加Scroll View组件并在其Content下添加Text组件，对Scroll View组件进行设置使其只支持上下滑动，左右滑动无效，并删除横向组件调整UI适配。 在Viewport组件上添加Mask组件，用于对不再在范围内的字体进行遮挡...
Unity3D实现页面的滑动切换功能
qq_37524903的博客
07-12 3067
//挂在 在有ScrollRect 组件 的UI 上 测试创建 页码数量 脚本 效果图： 参考地址：Unity3D实现页面的滑动切换功能_小程小程，永不消沉的博客-CSDN博客_unity3d 滑动
unity实现数字孪生中UI效果
07-17
要在Unity中实现数字孪生（Digital Twin）中的UI效果，你可以按照以下步骤进行： 1. 创建UI元素：首先，在Unity的场景中创建所需的UI元素，如文本、按钮、图像等。你可以使用Unity的UI系统来创建和布局这些UI元素。...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值