本文出自: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 void getData(){
list.add(name);
for(int i = 0; i <10; i++){
list.add("TCL产业" + i);
}
}
name为默认选择的“全部”。
2.动态添加Tab
/**动态添加值**/
for (int i = 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)
<android.support.design.widget.TabLayout
android:id="@+id/tabLayout"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center_vertical"
android:background="@color/bg_loading"
app:tabIndicatorHeight="0dp"
app:tabMode="scrollable"
app:tabPaddingEnd="6dp"
app:tabPaddingStart="12dp" />
再看看添加的tab_layout.xml
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="25dp"
android:layout_margin="0dp"
android:orientation="vertical">
<TextView
android:id="@+id/tv_txt"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/finance_tab_selector"
android:gravity="center"
android:paddingLeft="5dp"
android:paddingRight="5dp"
android:textColor="@drawable/finance_tabcolor_selector"
android:textSize="12sp" />
</LinearLayout>
一个text显示tab,以及设计选中和没选中的样式
3.计算偏移量(自动滚动)
/**根据字符个数计算偏移量*/
private int getOffsetWidth(int index) {
String str = "";
for (int i = 0; i < index; i++) {
str += list.get(i);
}
return str.length() * 14 + index * 12;
}
/**默认选择第一项itemSelected = 0 **/
TabLayout.Tab tab = tabLayout.getTabAt(itemSelected);
tab.select();
/**计算滑动的偏移量**/
final int width = (int) (getOffsetWidth(itemSelected) * getResources().getDisplayMetrics().density);
tabLayout.post(new Runnable() {
@Override
public void run() {
tabLayout.scrollTo(width, 0);
}
});
新方法解释
smoothScrollTo()/scrollTo()
:滚动的方法
.getResources().getDisplayMetrics().density
:获取屏幕密度
4.监听tab选项
tabLayout.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
@Override
public void onTabSelected(TabLayout.Tab tab) {
itemSelected =tab.getPosition();
mSwipeRefreshLayout.setRefreshing(true);
isFirst = true;
name = list.get(itemSelected);
getEntity(name);
}
@Override
public void onTabUnselected(TabLayout.Tab tab) {
}
@Override
public void onTabReselected(TabLayout.Tab tab) {
}
});
这里选择不同tab,将相应值带过去,getEntity实际操作可以是网络请求方法,
mSwipeRefreshLayout.setRefreshing(true);
isFirst = true;
通知刷新
5.这里是实现数据的筛选,当然也可以实现fragment的切换,这里不做详解。
五丶源码下载
源码下载记得顺便Star哦~
https://github.com/JinBoy23520/CoderToDeveloperByTCLer