好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

Unity3D实现导航效果

介绍:

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

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

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

导航的组成:

总控制 按钮组 面板组

步骤:

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

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<length-1)

   {

    index++;

    onselectbyindex();

   }

  }

 

}

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 即可。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持服务器之家。

原文链接:https://blog.csdn.net/wang_lvril/article/details/81663359

dy("nrwz");

查看更多关于Unity3D实现导航效果的详细内容...

  阅读:47次