当前位置： 移动技术网 > IT编程>开发语言>c# > Unity实现轮盘方式的按钮滚动效果

Unity实现轮盘方式的按钮滚动效果

2019年07月18日  | 移动技术网IT编程  | 我要评论

近期在项目中，策划给出了一个需求就是，让按钮按照一个轮盘的轨迹进行滑动的效果，经过一番测试，实现了初步的效果。

我这里区分了横向滑动和纵向滑动，这里以纵向滑动为例子进行示范，实现按钮的滑动效果。

首先就是先进行位置初始化:

 /// <summary>
  ///从大到小排序,y轴
  /// </summary>
  private comparison<circlescrollrectitembase> comparisiony =
    delegate (circlescrollrectitembase itema, circlescrollrectitembase itemb)
    {
      if (itema.transform.localposition.y == itemb.transform.localposition.y) return 0;
      return (itema.transform.localposition.y > itemb.transform.localposition.y) ? -1 : 1;
    };
 
 
   public void init()
   {
    if (null == listitems || listitems.length == 0)
    {
      return;
    }
 
    if (itempostions != null && itempostions.length > 0)
    {
      for (int i = 0; i < itempostions.length; i++)
      {
        listitems[i].transform.localposition = itempostions[i];
      }
    }
 
    //xy轴排序按不同方式排序，可以统一使用共同的函数
    if (horizontal)
    {
      //位置从小到大排序
      array.sort(listitems, comparisionx);
    }
    else
    {
      //位置从大到小排序
      array.sort(listitems, comparisiony);
    }
    //设置元素关系及固定位置
    itempostions = new vector3[listitems.length];
    for (int i = 0; i < listitems.length; ++i)
    {
      listitems[i].setitemconfig(i, //set id
                    listitems[(i + 1) % listitems.length], //next item
                    listitems[(i - 1 + listitems.length) % listitems.length]); //previous item
 
      itempostions[i] = new vector3(listitems[i].transform.localposition.x,
                      listitems[i].transform.localposition.y,
                       listitems[i].transform.localposition.z);
      listitems[i].currposindex = i;
    }
    refreshcontentlistlength();
    getcurrpointitem();
    initvalue();
  }

鼠标拖动时的更新代码：

开始拖动设置拖拽状态

public virtual void onbegindrag(pointereventdata eventdata)
  {
    begindrag(eventdata);
  }
 
  public void begindrag(pointereventdata eventdata)
  {
    dragging = true;
    needadjust = false;
    dragstartpostion = eventdata.position;
  }

在拖动过程中更新item的位置

 /// <summary>
 // 拖动中更新位置
  /// </summary>
  /// <param name="eventdata"></param>
  public virtual void ondrag(pointereventdata eventdata)
  {
    draging(eventdata);
  }
 
  public void draging(pointereventdata eventdata)
  {
    if (horizontal)
    {
      if (shiftlisthorizontal(eventdata.position - dragstartpostion))
      {
        dragstartpostion = eventdata.position; //更新起始位置
      }
    }
    else
    {
      if (shiftlistvertical(eventdata.position - dragstartpostion))
      {
        dragstartpostion = eventdata.position; //更新起始位置
      }
    }
  }

拖动结束，调整位置，刷新指定界面

/// <summary>
/// 拖动结束
/// </summary>
/// <param name="eventdata"></param>
  public virtual void onenddrag(pointereventdata eventdata)
  {
    enddrag(eventdata);
  }
 
  public void enddrag(pointereventdata eventdata)
  {
    dragging = false;
    if (needadjust)
    {
      if (horizontal)
      {
        adjustlocationx();
      }
      else
      {
        adjustlocationy();
      }
    }
    //在滑动结束 处理变换颜色和其他信息
    getcurrpointitem();
  }

处理收拾滑动，还做了点击指定item ,自动跳转过去 

 //在这里获取所有类型的按钮
    for (int i = 0; i < listitems.length; i++)
    {
      gameobject go = listitems[i].gameobject;
      listitems[i].getcomponent<button>().onclick.addlistener(() => 
      {
        automoveallitem(go);
      });      
    }
    
  /// <summary>
  /// 根据点击情况 自动移动所有的道具类型按钮
  /// </summary>
  /// <param name="go"></param>
  private void automoveallitem(gameobject go)
  {
 
    //如果正在拖拽 不进行任何操作      
    if (dragging)
    {
      return;
    }
 
    //点击中间那个 不进行任何操作
    if (go.transform.localposition.y == 0)
    {
      return;
    }
 
    //所有按钮下一一格
    if (go.transform.localposition.y > 0)
    {
      updateitemmovepos(2);
    }
    //上移
    else
    {
      updateitemmovepos(1);
    }
  }

下面是实现的效果：

工程地址：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网