Unity3D如何实现导航效果-创新互联

小编给大家分享一下Unity3D如何实现导航效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

10年积累的成都网站设计、成都网站建设经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站设计后付款的网站建设流程,更有桐城免费网站建设让你可以放心的选择与我们合作。

介绍:

unity界面开发,会用到很多导航的按钮,他们是公共的,单击其中一个按钮,显示对应的界面。

unity中,UGUI自带Toggle组件,NGUI也有Toggle复选框,都方便了开发者的开发。但是只有合适自己才是王道。

今天,就用普通的按钮组建,来编写自己的导航。

导航的组成:

Unity3D如何实现导航效果

  • 总控制

  • 按钮组

  • 面板组

步骤:

编写脚本:  控制按钮的高亮,动画等。
编写脚本:   控制面板的显示和关闭。
编写脚本:  控制整个导航按钮的逻辑。
编写脚本:       控制导航栏的逻辑。

NavigationButton:

控制每一个Button的高亮,动画,挂载到每一个NavigationButton上。

public class NavigationButton: MonoBehaviour {
 
 Awake(){ }
 
 //按钮被选中时
 public void Select()
 {
  //transform.DOScale(new Vector3(1.75f, 1.75f, 0), 0.3f).SetId(transform.name);
 }
 //按钮未被选中时
 public void UnSelect()
 {
  //DOTween.Kill(transform.name);
  //transform.DOScale(new Vector3(1.0f, 1.0f, 0), 0.3f).SetId(transform.name);
 }
}

NavigationPanel:

控制面板的显示和隐藏,挂载到每一个NavigationPane上。

public class NavigationPanel : MonoBehaviour {
 //显示
 public void Show() {
  transform.gameObject.SetActive(true);
 }
 //隐藏
 public void Hide() {
  transform.gameObject.SetActive(false);
 }
}

NavigationGroup:

具体逻辑,挂载到NavigationGroup上,拖入button和panel。

public class NavigationGroup: MonoBehaviour {
 
 public NavigationButton[] navBtns; //按钮组
 public NavigationPanel[] navPans;  //面板组
 
 public int index; //索引
 public int length; //长度
 
 private void Awake()
 {
  index = -1;
  length = navBtns.Length;
 
  for (int i = 0; i < length; i++) {
   navBtns[i].UnSelect();
   navPans[i].Hide();
  }
 }
 
 //通过索引来显示被选中后状态和对应panel
 private void OnSelectByIndex() {
  for (int i = 0; i < length; i++)
  {
   if (i == index)
   {
    navBtns[i].Select();
    navPans[i].Show();
   }
   else
   {
    navBtns[i].UnSelect();
    navPans[i].Hide();
   }
  }
 }
 
 //点击按钮事件
 public void OnClickNavBtn(int value)
 {
  if (index != value) {
   index = value;
   OnSelectByIndex();
  }
 }
 
 //初始被选中的按钮
 public void BeginShow(int values = -1) {
  index = values;
  OnSelectByIndex();
 }
 
 //**********************************************
 //附加:滑动屏幕切换页面
 //**********************************************
 
 private Vector2 beginPos=new Vector2(0,0);
 private Vector2 endPos=new Vector2(0,0);
 private float maxDistance=100;
 
 private void Update()
 {
  //获取鼠标滑动起始坐标和终点坐标
  if (Input.GetMouseButtonDown(0)) {
   beginPos =new Vector2(Input.mousePosition.x, Input.mousePosition.y); 
  }
  if (Input.GetMouseButtonUp(0))
  {
   endPos = new Vector2(Input.mousePosition.x, Input.mousePosition.y);
   SlipDirection();
  }
 }
 //判断滑的方向
 public void SlipDirection() {
  if (Mathf.Abs(beginPos.y - endPos.y) < (Mathf.Abs(beginPos.x - endPos.x))) {
   if (Mathf.Abs(beginPos.x - endPos.x) > maxDistance) {
    if (beginPos.x > endPos.x)
    {
     Next();
    }
    else {
     Prev();
    }
   }
  }
 }
 //向前滑动屏幕
 public void Prev() 
 {
  if (index > 0)
  {
   index--;
   OnSelectByIndex();
  }
 }
 //向后滑动屏幕
 public void Next() 
 {
  if(index

MainManager:

总控制。

public class MainManager: MonoBehaviour {
 
 public NavigationGroup navGroup;
 
 Start()
 {
  Begin();
 } 
 //调用初始方法
 public void Begin()
 {
  navGroup.BeginShow(0);
 }
 
 //**************************************
 //长时间没交互,返回待机界面
 //**************************************
 
 public void ReturnStandBy() {
  navGroup.BeginShow(0);
 }
 
 private void Update()
 {
  if (Input.GetMouseButtonDown(0)) {
   Invoke("ReturnStandBy", 60.0f);
  }
 }
}

以上,基本导航完成。

可以添加导航界面出现和关闭时的动画,在Navigation里添加两个函数: NavShow() ,NavHide()

show的时候记得调用BeginShow(); 在外面调用 show 和 hide 即可。

看完了这篇文章,相信你对“Unity3D如何实现导航效果”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联成都网站设计公司行业资讯频道,感谢各位的阅读!

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站栏目:Unity3D如何实现导航效果-创新互联
文章网址:http://bzwzjz.com/article/ecshc.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 企业网站设计 成都定制网站建设 网站制作公司 成都网站制作 营销型网站建设 成都网站制作 手机网站建设套餐 四川成都网站设计 成都商城网站制作 手机网站建设 成都企业网站设计 手机网站制作设计 app网站建设 成都网站制作 企业网站建设 温江网站设计 梓潼网站设计 成都网站设计 响应式网站设计 网站制作公司 重庆网站建设 成都网站制作