Unity UGUI教程之实现滑页效果
作者:玄雨 时间:2022-06-30 10:38:30
简介
项目需要...直接展示效果吧:
原理
使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。
实现过程
1.创建两个panel,上面的panel用于显示,下面的panel用于存放按钮
2.在TopPanel上添加ScrollRect脚本,用于滑动
3.在TopPanel下创建一个新的Panel,并在子Panel下拜访要显示的对象
4.将该子Panel设置为ScrollRect的活动对象
5.为ScrollRect添加ScrollBar滚动条,直接在空白处单机右键添加ScrollBar即可
6.将ScrollBar与ScrollRect关联
7.设置ScrollRect的其他参数
8.将SliderControl脚本挂在TopPanel上,并关联ScrollBar
9.添加响应事件
为按钮也添加相应的事件(记住是五个按钮哈)
10.运行查看效果吧,如果出错,请检查上述步骤
代码
SliderControl:
using UnityEngine;
using System.Collections;
using UnityEngine.UI;
public class SliderControl : MonoBehaviour
{
public Scrollbar m_Scrollbar;
public ScrollRect m_ScrollRect;
private float mTargetValue;
private bool mNeedMove = false;
private const float MOVE_SPEED = 1F;
private const float SMOOTH_TIME = 0.2F;
private float mMoveSpeed = 0f;
public void OnPointerDown()
{
mNeedMove = false;
}
public void OnPointerUp()
{
// 判断当前位于哪个区间,设置自动滑动至的位置
if (m_Scrollbar.value <= 0.125f)
{
mTargetValue = 0;
}
else if (m_Scrollbar.value <= 0.375f)
{
mTargetValue = 0.25f;
}
else if (m_Scrollbar.value <= 0.625f)
{
mTargetValue = 0.5f;
}
else if (m_Scrollbar.value <= 0.875f)
{
mTargetValue = 0.75f;
}
else
{
mTargetValue = 1f;
}
mNeedMove = true;
mMoveSpeed = 0;
}
public void OnButtonClick(int value)
{
switch (value)
{
case 1:
mTargetValue = 0;
break;
case 2:
mTargetValue = 0.25f;
break;
case 3:
mTargetValue = 0.5f;
break;
case 4:
mTargetValue = 0.75f;
break;
case 5:
mTargetValue = 1f;
break;
default:
Debug.LogError("!!!!!");
break;
}
mNeedMove = true;
}
void Update()
{
if (mNeedMove)
{
if (Mathf.Abs(m_Scrollbar.value - mTargetValue) < 0.01f)
{
m_Scrollbar.value = mTargetValue;
mNeedMove = false;
return;
}
m_Scrollbar.value = Mathf.SmoothDamp(m_Scrollbar.value, mTargetValue, ref mMoveSpeed, SMOOTH_TIME);
}
}
}
总结
移动用的mathf提供的平滑函数,如果需要阻尼效果,可以自己修改代码。
以上内容是小编给大家介绍的Unity UGUI教程之实现滑页效果,希望对大家有所帮助!
标签:unity,ugui,滑页
0
投稿
猜你喜欢
C#获取字符串后几位数的方法
2022-06-07 21:39:33
关于C#转换二进制所引起的一些思考
2021-06-02 18:31:22
SpringBoot接入支付宝支付的方法步骤
2022-02-16 05:34:16
一文搞懂c# await,async执行流
2023-07-14 01:22:35
Jar包冲突问题原理及解决方案
2023-03-05 09:40:02
java实现在线预览--poi实现word、excel、ppt转html的方法
2022-09-29 20:29:41
SWT(JFace) 文本编辑器 实现代码
2023-01-27 22:39:37
python调用java的jar包方法
2023-06-23 21:54:24
关于@GetMapping和@GetMapping(value=““)的区别
2023-11-27 11:07:37
Spring Boot + Vue 前后端分离开发之前端网络请求封装与配置
2021-05-28 02:48:41
C#自定义RSA加密解密及RSA签名和验证类实例
2023-08-08 17:48:11
JSON Web Token(JWT)原理入门教程详解
2023-02-05 06:34:43
Maven install 报错"程序包不存在"问题的解决方法
2021-05-27 06:08:06
Java正则验证IP的方法实例分析【测试可用】
2023-05-25 03:28:57
浅谈C#中的委托、事件与异步
2022-04-25 23:05:34
Java生成word文档的示例详解
2022-02-11 19:37:47
Java DatabaseMetaData用法案例详解
2023-08-18 19:08:42
Java中stream处理中map与flatMap的比较和使用案例
2023-11-21 02:27:53
C#实现将一个字符串进行翻转显示的6种方法
2022-05-07 22:55:10
Springboot使用redis实现接口Api限流的示例代码
2023-11-29 02:11:05