unity 脚本实现UI滑出效果

最新推荐文章于 2024-08-20 16:42:00 发布
最新推荐文章于 2024-08-20 16:42:00 发布
阅读量4.2k 收藏 16
点赞数 2
分类专栏： unity
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/SunnyInCSDN/article/details/71131464
版权
这篇博客介绍了如何使用Unity实现UI面板从侧边平滑滑出的效果。通过设置面板的初始位置和锚点，然后编写脚本来动态改变其坐标，实现滑动动画。内容包括了具体的设置细节和实现代码。
摘要由CSDN通过智能技术生成

       效果是UI面板隐藏在侧边栏，当点击按钮时才会平滑滑动显示出来，见下图：


左边图是隐藏的时候，右边图是滑出来之后。

制作的时候需要把要滑动出现的部分放在canvas左侧，锚点设置为middle-left，X坐标为负的宽度，这样才会不显示出来，如下图所示：

最低0.47元/天 解锁文章
SunnyIncsdn
关注
专栏目录
【Unity3D小功能】Unity3D中实现UI擦除效果、刮刮卡功能
CSDN博客专家，Unity3D高级软件工程师，《Unity 3D从入门到实战》作者。
04-25 4586
使用Unity3D实现UI的擦拭效果、刮刮卡功能的效果实现方式比较多，比如说用Shader、Texture渲染都是可以的。本篇文章就使用Texture渲染来实现擦除的效果，效果图如下：接下来就来看一下如何实现吧。
Dotween简单实现一个UI滑动的效果
xie1730240501的博客
09-05 250
这代码中的这些数值都不是唯一的，需要自己根据实际情况进行调整，基本上就是你一张图片的宽以及图片之间的间隙以及第一张图片的位置，还有就是展开之后大图的初始位置，根据自己的项目把这几个位置的数值带到代码中去进行修改，然后再微调即可。这里注意的则是层级关系。接下来就是主要的脚本了附上核心代码再讲一下其中需要注意的点。UI大概就是这个样子，文章最底部上传一个视频。
Unity实现UI光晕效果（发光效果）
08-25
主要为大家详细介绍了Unity实现UI光晕效果，发光效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
unity手游摇杆/轮盘UI（第一章-实现UI和拖动）
最新发布
a149068804的博客
08-20 937
使用一个布尔值canMoveIf记录当前轮盘按钮是否可以被操作（也就是是否在移动中），当没有在移动中，且触摸点的数量大于0，遍历touch数组，找到距离在可交互范围内的触摸点，跳出循环，然后将布尔值等于true。unity中会有一个数组存储，如，当有三根手指输入，此处存储的数组会变为【1， 1， 1， 0， 0， 0】，当松开第二根按下的手指，则会变成【1， 0， 1， 0， 0， 0】，具体的解释大家可以去看别的博主的文章。他的方向是指向触摸点的，但是这是图片，无法用某种函数，直接指向他。
UnityUGUI滑动翻页
01-19
【Unity】UGUI滑动翻页,翻页效果http://blog.csdn.net/htwzl/article/details/79103401
UnityUI高级效果特效UIEffect
boyZhenGui的博客
05-25 1394
Github网址：https://github.com/mob-sakai/UIEffect
4.unity UI ScrollRect 无限滚动条(最详细)
s_xiajunjun1986的博客
09-19 3708
在游戏开发中 经常遇到滚动显示的数据 特别是商店商品 排行榜 .......等 数据很多，每一条数据去加载一个UI来显示显然对内存浪费很大，这种情况处理一般就是用几个显示条可滚动循环显示无限数据条。本篇介绍实现过程和大体思路以及可重用的滑动脚本InfinityGridLayoutGroup和MarketLayoutGroup数据管理刷新脚本。MarketElement类要看具体项目中具体数据结构...
Unity实现UI渐变效果（UGUI）
热门推荐
Kiboo的博客
04-19 2万+
在做背包系统时，在提示面板中想实现的更加炫酷点，决定使用渐变效果来提示档次 渐变效果实现采用改变该UI的透明度来控制其显示和隐藏 在UI对象上添加Canvas Group组件 通过控制Alpha改变其透明度来控制显示和隐藏（Alpha=0隐藏；Alpha=1显示）（Blocks Raycasts=true可以交互；Blocks Raycasts=false无法交互） 添加一个脚本...
unity双向滑动列表实现丝滑滑动
11-03
在Unity中，我们可以利用Unity的UI系统，特别是Scroll View组件来实现这一效果。 1. **垂直方向的循环列表**： 在Unity中，循环列表通常是指当用户滚动到底部或顶部时，内容能够无缝地再次从头开始显示，营造出...
Unity3D中ui弧形轮番旋转(UI 3D旋转)
08-30
本教程将聚焦于“Unity3D中UI弧形轮番旋转”这一技术，旨在实现类似《英雄联盟》中选择皮肤时的3D滚动视图效果。这个效果不仅增加了界面的动态感，还为用户提供了一种独特的方式来浏览和选择内容。我们将会探讨如何...
Unity实现UI渐隐渐显效果
08-19
主要为大家详细介绍了Unity实现UI渐隐渐显效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
[Unity UGUI]ScrollRect滚动效果大全
09-10
[Unity UGUI]ScrollRect滚动效果大全 支持缩放滑动效果 - 支持动态缩放循环加载 - 支持大数据固定Item复用加载 - 支持不用Mask遮罩无限循环加载 - 支持ObjectPool动态加载 - 支持无限不规则子物体动态加载 - 支持拖动并点击和拖拽 - 支持拖动并拖拽 - 支持ScrollRect拖动自动吸附功能(拖动是否超过一半自动进退)
Unity炫酷科技UI资源带音效
07-28
总的来说，“Unity炫酷科技UI资源带音效”提供了一套完整的解决方案，帮助开发者快速构建具有科技感的UI，减少了从零开始设计和实现这些效果的时间和工作量。无论是用于游戏开发还是虚拟现实应用，这样的资源都能极...
【Unity入门】Unity中动态控制UI的常规思路以及UI反馈效果（3D、画布透明、位置交替）
weixin_43851971的博客
06-28 4230
动态控制UI的常规思路与UI组件的特殊反馈效果
Unity Shader实现背景无限循环滚动效果
A_AiTing的博客
04-22 1879
最近做项目遇到的这个需求，分享给大家，有需要可以参考。 首先我们准备一下背景贴图，然后对贴图进行设置如下图所示： 贴图格式也可以是Texture格式，但是WrapMode 一定要是Repeat【重复发生】；记得Apply WrapMode:循环模式；换行模式；包裹模式；缠绕 将材质拖到物体身上 下面来编写Shader,代码如下 Shader "Unlit/ScrollX" { ...
Unity—平滑的帧动画
the_vnas的博客
03-31 438
直接在update中每帧切换图片资源的话，动画显示会很硬直。所以X轴数量8，Y轴数量4。将代码丢给目标Image，根据图片设置数值。
Unity UGUI 效果 之 UI 元素 多边形UI （例如雷达图,圆形,不规则多边形 UI等）显示 的简单实现的几种方法整理
仙魁XAN
12-03 5070
Unity UGUI 效果 之 UI 元素 多边形UI 的简单实现的几种方法整理 一、简单介绍 UGUI，是Unity自带的 GUI 系统，有别于 NGUI；使用 UGUI 也能制作出比较酷炫的效果 。 本节介绍，在 UGUI中 普通的 UI 元素中实现简单的多边形显示的若干方法的整理总结。 UGUI 的 UI 扩展，可参见 unity-ui-extensions 工程学习： https://bitbucket.org/ddreaper/unity-ui-extensions ...
UnityShader基础案例（二）——UI流光，扭曲，外边框，波纹效果
SliverAsh_的博客
10-04 6699
扭曲的原理也很简单，采样点旋转一个角度即可，不过为了体现扭曲效果，我们让越靠近中心的点旋转越小，越远离的点旋转越大，不然全旋转成一个角度那叫旋转不叫扭曲。这里要说一下图片本身对扭曲的影响，尽量不要选那些可以填满整个图片的纹理，因为四个角的纹理坐标有的时候一旋转会超出去，这时候就要看怎么截取的，这个不同于3D物体的描边，扩充模型什么的，我们相当于是对纹理进行的描边，这里就有一个可以利用的地方，那就是透明度。实现需要三张图片，一个便是要显示的主纹理，一个是主纹理的透明通道纹理（用于识别边框），一个是流光纹理。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值