文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

怎么在Android项目中实现一个Tab分类排序控件

2023-05-31 08:10

关注

怎么在Android项目中实现一个Tab分类排序控件?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

XML布局引入

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

设置数据源数据,也就是每个item的对应文本数据

//构造数据源,暂时仅支持StringList<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();

未完善的自定义功能

现在仅仅是支持String,并且布局也无法自定义,后续可能会完善Tab的item的View的自定义输入

现在布局的行数和间距由硬代码控制,并没有形成简便易懂的接口暴漏

PS:调试间距的方法,主要调试下列几个参数

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;

回滚不流畅,后期可以引入Scroller来控制缓慢回滚

实现原理

布局item排序采用基于ViewGroup的自定义布局,在onLayout的方法逻辑根据配置参数区域的参数进行计算配置

@Overrideprotected 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));  }   }

滑动模块部分,在onTouchEvent里面根据坐标的捕获,有坐标分析出对应的子Item,利用View.layout()方法让拖动的View跟随手指移动,参加代码

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();  }}

动画模块,由于考虑低版本和不想引入过多的开源库,故采用普通的动画实现
具体参见beginAnimation(final int start,final int end, boolean forward)方法。

整体流程

a、Touch的down事件,捕捉当前的x、y数据,计算出被移动的View的所对应index,并且其余view开始抖动动画

b、move事件,将被选中的view根据x、y利用layout方法进行跟随手指移动

c、up事件,执行位置调整动画,并且在调整完毕后,进行新位置的设置

看完上述内容,你们掌握怎么在Android项目中实现一个Tab分类排序控件的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯