Android Tab分类排序控件 Android实现网易Tab分类排序控件实现

<com.net168.lib.SortTabLayout
  android:id="@+id/layout"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  />

//构造数据源，暂时仅支持String
List<String> data = new ArrayList<String>();
for (int i = 0; i < 20; i ++) {
  data.add("item" + i);
}
//设置数据源
vSortLayout.setShowData(data, 1);

vSortLayout.setOnSelectListener(new onSelectListener() {
  //点击事件，点击Tab布局里面的item触发
  @Override
  public void onSelect(View v, int index) {
    Toast.makeText(MainActivity.this, "你点击了item ，内容为：" + ((TextView)v).getText(), Toast.LENGTH_SHORT).show();
  }
  //长按事件，长按Tab布局里面的item触发
  @Override
  public void onLongSelect(View v) {
    Toast.makeText(MainActivity.this, "长按Tab，开始排列", Toast.LENGTH_SHORT).show();
  }
});

//如果参数是true的话，开始排序，也就是可以拖动
vSortLayout.setIsMoveList(true);
//结束排序，并且会返回选择tab的当前新位置
vSortLayout.getAndFinishSortData();

/**
 * 配置参数区域
 * mMaxRow ： 每行的个数
 * Magin Width Tab的间隔和本身的宽度的占比
 * 例如mMaxRow = 4，则宽度会由此策略分配
 * |Magin|View|Magin|View|Magin|View|Magin|View|Magin|
 * 记控件宽度为这么分配 ： 总宽度 = 5 * Magin + 4 * View， 而 Magin ： View = mRowMagin ： mRowWidth
 * 可以推导出各个控件的宽度，高度也如此计算
 */
private final int mMaxRow = 4;
private final int mRowMagin = 5;
private final int mRowWidth = 26;
private final int mColumnMagin = 4;
private final int mColumnHeight = 10;

@Override
protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
   
  final int childCount = getChildCount();
   
  int row = 0;
  int column = 0;
  int startWidth = 0;
  int startHeight = 0;
   
  for (int i = 0; i < childCount; i++) {
    View childeView = childList.get(i);
    row = i / 4;
    column = i % 4;
    startWidth = (int) ((column * (mRowWidth + 2 * mRowMagin) + mRowMagin) * mChildeItemSize);
    startHeight = (int) ((row * (mColumnHeight + 2 * mColumnMagin) + mColumnMagin) * mChildeItemSize);
    childeView.layout(startWidth ,startHeight ,(int)(startWidth + mRowWidth * mChildeItemSize),
         (int)(startHeight + mColumnHeight * mChildeItemSize));
  }
   
}

private void moveChildView(float x, float y) {
  if (mMoveChildView != null) {
    int left = (int) (((mChildIndex % 4) * (mRowWidth + 2 * mRowMagin) + mRowMagin) * mChildeItemSize);
    int top = (int) (((mChildIndex / 4) * (mColumnHeight + 2 * mColumnMagin) + mColumnMagin) * mChildeItemSize);
    int width = (int) (left + mRowWidth * mChildeItemSize);
    int heigth = (int) (top + mColumnHeight * mChildeItemSize);
    int moveX = (int) (x - beginX);
    int moveY = (int) (y - beginY);
    mMoveChildView.layout(left + moveX, top + moveY, width + moveX, heigth + moveY);
    mMoveChildView.invalidate();
  }
}