Unity-汽车仿真-1.车库UI菜单滑动功能(利用iTween)
Posted weixin_43787178
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Unity-汽车仿真-1.车库UI菜单滑动功能(利用iTween)相关的知识,希望对你有一定的参考价值。
1.实现效果展示
1.1功能描述
点击SHOW,菜单滑出;
点击HIDE,菜单隐藏;
2.实现原理概述
利用动画库iTween的void MoveTo(GameObject target, Vector3 position, float time)
,实现动画效果,创建两个状态,分别用于记录SHOW状态的位置,HIDE状态的位置。
3.具体步骤
3.1 先把原始菜单拖到视图左边
3.2 创建两个状态,分别用于记录SHOW状态的位置,HIDE状态的位置
SHOW:
HIDE:
3.3 几个对象
创建GameObject用于绑定UI控件;
实例Transform类的3个对象,用于记录HIDE,SHOW两个状态的position属性;
/*UI菜单*/
public GameObject GoUIMenu; //车库UI 菜单
public Transform TrUIMenuShowPos; //车库UI菜单显示方位
public Transform TrUIMenuHidePos; //车库UI菜单隐藏方位
3.4 滑动实现
void MoveTo(GameObject target, Vector3 position, float time)
GameObject target-为你要移动的对象;
Vector3 position—移动到目标位置;
float time-移动所需时间;
//显示UI 菜单
public void ShowUIMenuByGarage()
{
iTween.MoveTo(GoUIMenu, TrUIMenuShowPos.position, 5F);
}
//隐藏UI 菜单
public void HideUIMenuByGarage()
{
iTween.MoveTo(GoUIMenu,TrUIMenuHidePos.position,5F);
}
3.5 创建SHOW,HIDE按键绑定
SHOW:
HIDE:
以上是关于Unity-汽车仿真-1.车库UI菜单滑动功能(利用iTween)的主要内容,如果未能解决你的问题,请参考以下文章
Siki_Unity_2-4_UGUI_Unity5.1 UI 案例学习
虚拟仿真Unity3D中实现UI跟随3D模型旋转移动UI一直面朝屏幕