android添加滚动条加载的动画效果,Android UI 之 TabLayout动态添加tab实现筛选及自动偏移（全选单...

Android UI 之 TabLayout动态添加tab实现筛选及自动偏移(全选单

Android UI 之 TabLayout动态添加tab实现筛选及自动偏移(全选，单选)

本文出自：http://blog.csdn.net/dt235201314/article/details/76528029

一丶效果展示(代码链接见文末)

二丶概述

1.Android开发，数据的筛选通常由后台处理，网络请求穿不同参数，即可。理论上TabLayout可以实现单选多选的筛选。

2.自动偏移的重要性，1.提醒用户屏幕外有可选项，2.操作简单，体验效果提高。

三丶功能介绍

1.RecyclerView 实现上拉加载下拉刷新

文章参考：http://blog.csdn.net/dt235201314/article/details/75305222

2.TabLayout动态添加tab

3.点击tab实现数据筛选

4.tab的自动偏移

四丶看代码(核心代码讲解)

1.造数据

public voidgetData(){

list.add(name);for(inti = 0;i <10;i++){

list.add("TCL产业"+ i);}

}

name为默认选择的“全部”。

2.动态添加Tab

/**动态添加值**/for(inti = 0;i < list.size();i++) {

tabLayout.addTab(tabLayout.newTab());TabLayout.Tab tab = tabLayout.getTabAt(i);if(tab != null) {

tab.setCustomView(R.layout.tab_layout);View view = tab.getCustomView();TextView textView = (TextView) view.findViewById(R.id.tv_txt);textView.setText(list.get(i));}

}

这里根据list的个数，动态添加tab个数，并将list里的值添加到tab中

再看看，页面布局的tabLayout.xml(没有子布局，设置padding以美化UI)

再看看添加的tab_layout.xml

一个text显示tab，以及设计选中和没选中的样式

3.计算偏移量(自动滚动)

/**根据字符个数计算偏移量*/private intgetOffsetWidth(intindex) {

String str = "";for(inti = 0;i < index;i++) {

str += list.get(i);}

returnstr.length() * 14+ index * 12;}

/**默认选择第一项itemSelected = 0 **/TabLayout.Tab tab = tabLayout.getTabAt(itemSelected);tab.select();/**计算滑动的偏移量**/final intwidth = (int) (getOffsetWidth(itemSelected) * getResources().getDisplayMetrics().density);tabLayout.post(newRunnable() {

@Overridepublic voidrun() {

tabLayout.scrollTo(width,0);}

});

新方法解释

smoothScrollTo()/scrollTo()：滚动的方法

.getResources().getDisplayMetrics().density：获取屏幕密度

4.监听tab选项

tabLayout.setOnTabSelectedListener(newTabLayout.OnTabSelectedListener() {

@Overridepublic voidonTabSelected(TabLayout.Tab tab) {

itemSelected=tab.getPosition();mSwipeRefreshLayout.setRefreshing(true);isFirst= true;name= list.get(itemSelected);getEntity(name);}

@Overridepublic voidonTabUnselected(TabLayout.Tab tab) {

}

@Overridepublic voidonTabReselected(TabLayout.Tab tab) {

}

});

这里选择不同tab，将相应值带过去，getEntity实际操作可以是网络请求方法，

mSwipeRefreshLayout.setRefreshing(true);

isFirst = true;

通知刷新

5.这里是实现数据的筛选，当然也可以实现fragment的切换，这里不做详解。

五丶源码下载

欢迎关注我的博客及微信公众号

源码下载记得顺便Star哦~

下载链接：https://github.com/JinBoy23520/CoderToDeveloperByTCLer

Android UI 之 TabLayout动态添加tab实现筛选及自动偏移(全选单相关教程