Android实现通用筛选栏

概述Android实现通用筛选栏 今天来写一个通用的筛选栏的实现,也是因为之前项目中要好多地方用到筛选栏这么个东西,所以为了之后用起来比较方便,就简单的做了一些封装.废话不多说,看一下效果图: 很多APP都有用到这个筛选栏,相信大家也不陌生. 一.需求分析 看到这个筛选栏之后,先来考虑一下布局,在开始接触android时候的我,可能看到这个布局的想法是:筛选栏这个部分,一个LinearLayout的横向布局,然后再分为3个部分,每个部分各占比重为1,然后在每个部分中放一个TextView和ImageView,之后监听每个部分的点

今天来写一个通用的筛选栏的实现,也是因为之前项目中要好多地方用到筛选栏这么个东西,所以为了之后用起来比较方便,就简单的做了一些封装.废话不多说,看一下效果图:

@H_419_4@

很多APP都有用到这个筛选栏,相信大家也不陌生.

一、需求分析

看到这个筛选栏之后,先来考虑一下布局,在开始接触androID时候的我,可能看到这个布局的想法是:筛选栏这个部分,一个linearLayout的横向布局,然后再分为3个部分,每个部分各占比重为1,然后在每个部分中放一个TextVIEw和ImageVIEw,之后监听每个部分的点击事件,对TextVIEw和ImageVIEw进行颜色、文字、方向等的处理.确实,这样做能实现功能,不过写起来很麻烦,需要手动的去处理TextVIEw和ImageVIEw的变化,可能筛选栏多了之后就会乱掉,而且还要花费大量时间去查找修改BUG,可能有一个小地方写反了,效果就乱掉了.

所以思考一下,对于筛选栏这个部分,有没有更好的布局设计呢?翻了翻能用的控件,发现CheckBox其实用在这里很好用(之前可能对于CheckBox的用法,只停留在勾选个对勾这样),怎么说它好用呢,因为CheckBox有两种状态(选中和未选中)刚好可以符合需求,选中的时候将字体颜色变为蓝色,并且将图标转换方向和颜色,未选中时重置为起始的样式,并且可以通过设置selector轻松的完成样式的转变.只需管理CheckBox的状态即可.

对于d出框,很简单,自定义一个popWindow就可以了.不过需要注意的是因为需要在d框d出的时候,改变背景色的透明度,并且在d出框消失之后恢复背景色的透明度,所以需要做一些特殊处理,这里打算去监听popWindow的变化来去完成相关处理.

二、代码实现及优化

根据上边的分析,布局设计如下:

<?xml version="1.0" enCoding="utf-8"?><relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID" xmlns:tools="http://schemas.androID.com/tools" androID:layout_wIDth="match_parent" androID:layout_height="match_parent" tools:context="com.example.junweiliu.filterdemo.MainActivity"> <!--筛选栏--> <linearLayout  androID:ID="@+ID/ll_stay_visit_selsect"  androID:layout_wIDth="match_parent"  androID:layout_height="40dp"  androID:background="@color/white"  androID:gravity="center_vertical"  androID:orIEntation="horizontal"> <!--筛选地点--> <linearLayout  androID:ID="@+ID/ll_place_tab"  androID:layout_wIDth="0dp"  androID:layout_height="match_parent"  androID:layout_weight="1"  androID:gravity="center">  <CheckBox   androID:ID="@+ID/cb_place"   androID:layout_wIDth="wrap_content"   androID:layout_height="wrap_content"   androID:background="@null"   androID:@R_502_5554@="@null"   androID:drawablepadding="10dp"   androID:drawableRight="@drawable/seletor_stock_arrow"   androID:gravity="center"   androID:text="地点"   androID:textcolor="@drawable/selector_text_stock"   androID:textSize="15sp"/> </linearLayout> <!--筛选类型--> <linearLayout  androID:ID="@+ID/ll_type"  androID:layout_wIDth="0dp"  androID:layout_height="match_parent"  androID:layout_weight="1"  androID:gravity="center">  <CheckBox   androID:ID="@+ID/cb_type"   androID:layout_wIDth="wrap_content"   androID:layout_height="wrap_content"   androID:background="@null"   androID:@R_502_5554@="@null"   androID:drawablepadding="10dp"   androID:drawableRight="@drawable/seletor_stock_arrow"   androID:gravity="center"   androID:text="条件"   androID:textcolor="@drawable/selector_text_stock"   androID:textSize="15sp"/> </linearLayout> <!--筛选时间--> <linearLayout  androID:ID="@+ID/ll_time"  androID:layout_wIDth="0dp"  androID:layout_height="match_parent"  androID:layout_weight="1"  androID:gravity="center">  <CheckBox   androID:ID="@+ID/cb_time"   androID:layout_wIDth="wrap_content"   androID:layout_height="wrap_content"   androID:background="@null"   androID:@R_502_5554@="@null"   androID:drawablepadding="10dp"   androID:drawableRight="@drawable/seletor_stock_arrow"   androID:gravity="center"   androID:text="时间"   androID:textcolor="@drawable/selector_text_stock"   androID:textSize="15sp"/> </linearLayout> </linearLayout></relativeLayout>

设置了3部分,并且每个部分都使用CheckBox,CheckBox中设置了两个selector,分别是androID:drawableRight=”@drawable/seletor_stock_arrow” 和androID:textcolor=”@drawable/selector_text_stock”

设置如下:

设置箭头样式的seletor_stock_arrow:

<?xml version="1.0" enCoding="utf-8"?><selector xmlns:androID="http://schemas.androID.com/apk/res/androID"> <!--选中的箭头样式--> <item androID:drawable="@mipmap/arrow_up_blue" androID:state_checked="true" /> <!--未选中的箭头样式--> <item androID:drawable="@mipmap/arrow_down_black" androID:state_checked="false" /></selector>

设置文字样式的selector_text_stock:

<?xml version="1.0" enCoding="utf-8"?><selector xmlns:androID="http://schemas.androID.com/apk/res/androID"> <item androID:color="@color/gray" androID:state_checked="false" /> <item androID:color="@color/colorPrimary" androID:state_checked="true" /></selector>

实现很简单,来看一下效果:

效果还不错,接下来就是在代码中去管理每个CheckBox的状态就可以了.在做这部分之前,先来搞定popWindow,后续需要配合CheckBox来使用.

popWindow很简单,继承PopupWindow,然后自定义一些样式和布局即可,直接放代码:

CommonFilterPop:

package com.example.junweiliu.filterdemo.pop;import androID.content.Context;import androID.graphics.drawable.BitmapDrawable;import androID.vIEw.LayoutInflater;import androID.vIEw.VIEw;import androID.vIEw.VIEwGroup;import androID.Widget.AdapterVIEw;import androID.Widget.ListVIEw;import androID.Widget.PopupWindow;import com.example.junweiliu.filterdemo.R;import com.example.junweiliu.filterdemo.adapter.CommPopAdapter;import java.util.ArrayList;import java.util.List;/** * Created by junweiliu on 16/11/7. */public class CommonFilterPop extends PopupWindow { /** * 布局填充器 */ private LayoutInflater mInflater; /** * 上下文 */ private Context mContext; /** * 只显示String类型的数据 */ private List<String> mDatas = new ArrayList<>(); /** * pop整体VIEw */ private VIEw popupVIEw; /** * 选择条件的List */ private ListVIEw contentLv; /** * 筛选条件选择后的回调 */ AdapterVIEw.OnItemClickListener itemClickListener; /** * 适配器 */ CommPopAdapter adapter; /** * 构造函数 * * @param context * @param mDatas */ public CommonFilterPop(Context context,List<String> mDatas) { this.mInflater = LayoutInflater.from(context); this.mContext = context; this.mDatas = (mDatas); popupVIEw = mInflater.inflate(  R.layout.common_popup_List_dialog,null); //设置VIEw this.setContentVIEw(popupVIEw); //设置d出窗体的宽高 this.setWIDth(VIEwGroup.LayoutParams.MATCH_PARENT); this.setHeight(VIEwGroup.LayoutParams.WRAP_CONTENT); //初始化控件 initPopVIEw(); this.setFocusable(true); this.settouchable(true); this.setoutsIDetouchable(true); this.setBackgroundDrawable(new BitmapDrawable()); //需要动画效果的话可以设置 //this.setAnimationStyle(R.style.PopupWindowAnimation); this.update(); } private voID initPopVIEw() { contentLv = (ListVIEw) popupVIEw.findVIEwByID(R.ID.lv_pop); adapter = new CommPopAdapter(mContext,mDatas); contentLv.setAdapter(adapter); } /** * ListvIEw点击事件 * * @param itemClickListener */ public voID setonItemSelectedListener(AdapterVIEw.OnItemClickListener itemClickListener) { if (null != itemClickListener && null != contentLv) {  contentLv.setonItemClickListener(itemClickListener); } }}

适配器CommPopAdapter:

package com.example.junweiliu.filterdemo.adapter;import androID.content.Context;import androID.vIEw.LayoutInflater;import androID.vIEw.VIEw;import androID.vIEw.VIEwGroup;import androID.Widget.BaseAdapter;import androID.Widget.TextVIEw;import com.example.junweiliu.filterdemo.R;import java.util.ArrayList;import java.util.List;/** * Created by junweiliu on 16/11/7. */public class CommPopAdapter extends BaseAdapter { /** * 筛选条件数据 */ private List<String> mDatas = new ArrayList<>(); /** * 布局加载器 */ private LayoutInflater mInflater; public CommPopAdapter(Context context,List<String> mDatas) { this.mDatas = mDatas; mInflater = LayoutInflater.from(context); } @OverrIDe public int getCount() { return mDatas.size(); } @OverrIDe public Object getItem(int i) { return mDatas.get(i); } @OverrIDe public long getItemID(int i) { return i; } @OverrIDe public VIEw getVIEw(int i,VIEw convertVIEw,VIEwGroup vIEwGroup) { VIEwHolder vIEwHolder = null; if (convertVIEw == null) {  vIEwHolder = new VIEwHolder();  convertVIEw = mInflater.inflate(   R.layout.common_popup_List_item,null);  vIEwHolder.mTitleTv = (TextVIEw) convertVIEw.findVIEwByID(R.ID.tv_common_Listpop_Title);  convertVIEw.setTag(vIEwHolder); } else {  vIEwHolder = (VIEwHolder) convertVIEw.getTag(); } vIEwHolder.mTitleTv.setText(mDatas.get(i)); return convertVIEw; } /** * vh */ public class VIEwHolder { /**  * 筛选项文字tv  */ TextVIEw mTitleTv; }}

相关XML文件:

pop布局文件common_popup_List_dialog:

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:background="@androID:color/transparent"  androID:gravity="bottom"> <linearLayout  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:background="@androID:color/transparent"  androID:orIEntation="vertical"> <VIEw  androID:layout_wIDth="match_parent"  androID:layout_height="1dp"  androID:background="@color/divIDer_line"/> <ListVIEw  androID:ID="@+ID/lv_pop"  androID:layout_wIDth="match_parent"  androID:layout_height="0dp"  androID:layout_weight="1"  androID:divIDer="@null"/> <VIEw  androID:layout_wIDth="match_parent"  androID:layout_height="1dp"  androID:background="@color/divIDer_line"/> </linearLayout></linearLayout>

适配器中的布局common_popup_List_item:

<?xml version="1.0" enCoding="utf-8"?><linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:background="@color/white"  androID:orIEntation="vertical"> <relativeLayout  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:background="@color/white" > <TextVIEw  androID:ID="@+ID/tv_common_Listpop_Title"  androID:layout_wIDth="match_parent"  androID:layout_height="wrap_content"  androID:layout_centerHorizontal="true"  androID:gravity="center"  androID:padding="15dip"  androID:text="@string/app_name" /> </relativeLayout> <VIEw  androID:layout_wIDth="match_parent"  androID:layout_height="0.5dip"  androID:background="@color/divIDer_line"  androID:scaleType="fitXY"/></linearLayout>

注释很全,也很简单,就不多做解释.

接下来就是调用popWindow,在那调用这个popWiNow比较好呢,因为要写一个通用的筛选栏,所以把这些公共的部分都提取出来,放到BaseActivity中,需要用到的Activity直接继承BaseActivity,方便之后使用.

创建一个BaseActivity并在其中对popWindow进行处理,代码如下

BaseActivity:

package com.example.junweiliu.filterdemo;import androID.app.Activity;import androID.os.Bundle;import androID.support.annotation.Nullable;import androID.support.v7.app.AppCompatActivity;import androID.vIEw.VIEw;import androID.vIEw.WindowManager;import androID.Widget.AdapterVIEw;import androID.Widget.PopupWindow;import com.example.junweiliu.filterdemo.pop.CommonFilterPop;import java.util.List;/** * Created by junweiliu on 16/11/7. */public class BaseActivity extends AppCompatActivity { /** * 筛选pop */ private CommonFilterPop mPopupWindow; /** * 当前上下文实例 */ protected Activity activity; @OverrIDe protected voID onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.activity = this; } /** * 列表选择popupWindow * * @param parentVIEw 父VIEw * @param itemTexts  列表项文本集合 * @param itemClickListener 列表项点击事件 */ public voID showFilterPopupWindow(VIEw parentVIEw,List<String> itemTexts,AdapterVIEw.OnItemClickListener itemClickListener,CustomerdismissListener dismissListener) { showFilterPopupWindow(parentVIEw,itemTexts,itemClickListener,dismissListener,0); } /** * 列表选择popupWindow * * @param parentVIEw 父VIEw * @param itemTexts  列表项文本集合 * @param itemClickListener 列表项点击事件 * @param Alpha  背景透明度 */ public voID showFilterPopupWindow(VIEw parentVIEw,CustomerdismissListener dismissListener,float Alpha) { // 判断当前是否显示 if (mPopupWindow != null && mPopupWindow.isShowing()) {  mPopupWindow.dismiss();  mPopupWindow = null; } mPopupWindow = new CommonFilterPop(activity,itemTexts); mPopupWindow.setondismissListener(dismissListener); // 绑定筛选点击事件 mPopupWindow.setonItemSelectedListener(itemClickListener); // 如果透明度设置为0的话,则默认设置为0.6f if (0 == Alpha) {  Alpha = 0.6f; } // 设置背景透明度 WindowManager.LayoutParams lp = activity.getwindow().getAttributes(); lp.Alpha = Alpha; activity.getwindow().setAttributes(lp); // 显示pop mPopupWindow.showAsDropDown(parentVIEw); } /** * 自定义OndismissListener */ public class CustomerdismissListener implements PopupWindow.OndismissListener { @OverrIDe public voID ondismiss() {  // 当pop消失的时候,重置背景色透明度  WindowManager.LayoutParams lp = activity.getwindow().getAttributes();  lp.Alpha = 1.0f;  activity.getwindow().setAttributes(lp); } } /** * 隐藏pop */ public voID hIDePopListVIEw() { // 判断当前是否显示,如果显示则dismiss if (mPopupWindow != null && mPopupWindow.isShowing()) {  mPopupWindow.dismiss();  mPopupWindow = null; } }}

在BaseActivity中对popWindow的显示消失做了处理,在popWindow创建时,改变了背景的透明度,重写了CustomerdismissListener来处理popWindow消失时恢复背景透明度.

搞定了popWindow之后,就来结合CheckBox来使用吧.使用时应该是这样:

// cb1 *** 作cb1.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,boolean b) {  // 将其他的cb设置为未选中,将自己设置为选中  cb1.setChecked(true);  cb2.setChecked(false);  cb3.setChecked(false);  showFilterPopupWindow(showVIEw,showMes1,new AdapterVIEw.OnItemClickListener() {    @OverrIDe    public voID onItemClick(AdapterVIEw<?> adapterVIEw,VIEw vIEw,int i,long l) {    cb1.setText(showMes1.get(position));    }   },new CustomerdismissListener(){    @OverrIDe    public voID ondismiss() {    super.ondismiss();    // 消失的时候,需要将当前的cb设置为未选中    cb1.setChecked(false);    }   });  } }); // cb2 *** 作 cb2.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,将自己设置为选中  cb2.setChecked(true);  cb1.setChecked(false);  cb3.setChecked(false);  showFilterPopupWindow(showVIEw,showMes2,long l) {    cb2.setText(showMes1.get(position));    }   },需要将当前的cb设置为未选中    cb2.setChecked(false);    }   });  } }); // cb3 *** 作 cb3.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,将自己设置为选中  cb3.setChecked(true);  cb1.setChecked(false);  cb2.setChecked(false);  showFilterPopupWindow(showVIEw,showMes3,long l) {    cb3.setText(showMes3.get(position));    }   },需要将当前的cb设置为未选中    cb3.setChecked(false);    }   });  } });

有很多重复的部分,比如在ondismiss方法中,都是将当前cb设置为未选中状态,还有初始化选中状态部分,代码冗余太多,所以来封装一下,在BaseActivity当中封装一个方法

 /** * Tab筛选栏切换 * * @param isChecked  选中状态 * @param showVIEw  展示pop的跟布局 * @param showMes  展示选择的数据 * @param itemClickListener 点击回调 * @param tabs  所有的cb(需要几个输入几个就可以,cb1,cb2....) */ public voID filterTabToggle(boolean isChecked,VIEw showVIEw,List<String> showMes,final CheckBox... tabs) { if (isChecked) {  if (tabs.length <= 0) {  return;  }  // 第一个checkBox为当前点击选中的cb,其他cb进行setChecked(false);  for (int i = 1; i < tabs.length; i++) {  tabs[i].setChecked(false);  }  showFilterPopupWindow(showVIEw,showMes,new CustomerdismissListener() {  @OverrIDe  public voID ondismiss() {   super.ondismiss();   // 当pop消失时对第一个cb进行.setChecked(false) *** 作   tabs[0].setChecked(false);  }  }); } else {  // 关闭checkBox时直接隐藏popuwindow  hIDePopListVIEw(); }}

考虑到通用性,用了不定长参数…,之前用过List,不过用起来不太好用,每次使用的时候,都需要创建List然后去组装一个List,用起来怪麻烦的.这样使用的时候只需要把需要选中的cb放在不定长参数的第一位,其他需要设置未选中的cb放在之后即可.用一下:

// cb *** 作cb1.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,boolean isChecked) {  filterTabToggle(isChecked,showVIEw,new AdapterVIEw.OnItemClickListener() {   @OverrIDe   public voID onItemClick(AdapterVIEw<?> adapterVIEw,int position,long l) {   hIDePopListVIEw();   cb1.setText(showMes1.get(position));   }  },cb2,cb3);  } });

用起来舒服了很多,可之后又发现了一个比较尴尬的问题.就是需要传入的showMes需要是一个List< String >,有的时候得到的数据并不是一个字符串类型的List,可能是各种类型的List< Bean >,这肿么办?解决方法有很多,比如可以这样做:

 /** * 展示时间的数据 */ List<TimeBean> mTimes = new ArrayList<>(); /** * 展示的时间str集合 */ List<String> mTimeStr = new ArrayList<>(); /** * 筛选数据 */ public voID forMatData(){ // 初始化时间 TimeBean timeBean1 = new TimeBean("1天内","去玩"); TimeBean timeBean2 = new TimeBean("3天内","去购物"); TimeBean timeBean3 = new TimeBean("10天内","去旅行"); TimeBean timeBean4 = new TimeBean("30天内","去赚钱"); mTimes.add(timeBean1); mTimes.add(timeBean2); mTimes.add(timeBean3); mTimes.add(timeBean4); // 获取时间中可用于筛选的数据 for (TimeBean bean : mTimes) {  mTimeStr.add(bean.getTimestr()); } }

可以从数据源中提取出用到的数据showMes,也不太麻烦,不过有没有更好的办法呢.毕竟每次都从不同的数据源中提取这些数据,也怪费时间的,考虑到这些之后,思来想去,想到一个不错的方法,使用通配符?,首先提出来一个公共接口BaseFilter,在其中规定一个统一的获取筛选字段的方法,如下:

package com.example.junweiliu.filterdemo.bean;/** * Created by junweiliu on 16/11/22. */public interface BaseFilter { /** * 获取筛选的 * @return */ public String getFilterstr();}

然后让需要用到筛选功能的Bean实现这个接口中的getFilterStr方法并且去实现它.再对之前的filterTabToggle方法做一下修改,如下:

Bean:

package com.example.junweiliu.filterdemo.bean;/** * Created by junweiliu on 16/11/22. */public class TimeBean implements BaseFilter{ /** * 时间str */ String timeStr; /** * 时间事件 */ String timeEvent; public TimeBean(String timeStr,String timeEvent) { this.timeStr = timeStr; this.timeEvent = timeEvent; } public String getTimestr() { return timeStr; } public voID setTimeStr(String timeStr) { this.timeStr = timeStr; } public String getTimeEvent() { return timeEvent; } public voID setTimeEvent(String timeEvent) { this.timeEvent = timeEvent; } @OverrIDe public String getFilterstr() { return timeStr; }}

filterTabToggleT方法:

 /** * Tab筛选栏切换 * * @param isChecked  选中状态 * @param showVIEw  展示pop的跟布局 * @param showMes  展示选择的数据源 * @param itemClickListener 点击回调 * @param tabs  所有的cb(需要几个输入几个就可以,cb2....) */ public voID filterTabToggleT(boolean isChecked,List<? extends BaseFilter> showMes,其他cb进行setChecked(false);  for (int i = 1; i < tabs.length; i++) {  tabs[i].setChecked(false);  }  // 从数据源中提取出展示的筛选条件  List<String> showStr = new ArrayList<>();  for (BaseFilter baseFilter : showMes) {  showStr.add(baseFilter.getFilterstr());  }  showFilterPopupWindow(showVIEw,showStr,new CustomerdismissListener() {  @OverrIDe  public voID ondismiss() {   super.ondismiss();   // 当pop消失时对第一个cb进行.setChecked(false) *** 作   tabs[0].setChecked(false);  }  }); } else {  // 关闭checkBox时直接隐藏popuwindow  hIDePopListVIEw(); } }

这样在使用的时候,直接将List< Bean > 类型的数据传进去就可以了.这样整个的通用的筛选栏就实现了.当然根据需求的不同,需要去做修改,不过大体的思路及实现就是这样.之后就可以这样用:

// 选择时间cb mTimeCb.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,boolean isChecked) {  filterTabToggleT(isChecked,mTimeAll,mTimes,long l) {   hIDePopListVIEw();   mTimeCb.setText(mTimeStr.get(position));   }  },mTimeCb,mPlaceCb,mTypeCb);  } });

最后贴一下完整的MainActivity和BaseActivity

MainActivity:

package com.example.junweiliu.filterdemo;import androID.os.Bundle;import androID.vIEw.VIEw;import androID.Widget.AdapterVIEw;import androID.Widget.CheckBox;import androID.Widget.Compound@R_502_5554@;import androID.Widget.linearLayout;import com.example.junweiliu.filterdemo.bean.PlaceBean;import com.example.junweiliu.filterdemo.bean.TimeBean;import java.util.ArrayList;import java.util.List;public class MainActivity extends BaseActivity { /** * 展示城市的数据源 */ List<PlaceBean> mPopBeens = new ArrayList<>(); /** * 展示类型的数据 */ List<String> mTypes = new ArrayList<>(); /** * 展示时间的数据 */ List<TimeBean> mTimes = new ArrayList<>(); /** * 展示的时间str集合 */ List<String> mTimeStr = new ArrayList<>(); /** * 筛选地区整体 */ linearLayout mPlaceAll; /** * 筛选城市cb */ CheckBox mPlaceCb; /** * 筛选类型整体 */ linearLayout mTypeAll; /** * 筛选类型整体 */ CheckBox mTypeCb; /** * 筛选时间整体 */ linearLayout mTimeAll; /** * 筛选时间整体 */ CheckBox mTimeCb; @OverrIDe protected voID onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentVIEw(R.layout.activity_main); initDate(); initVIEw(); } /** * 初始化数据 */ private voID initDate() { // 初始化城市 PlaceBean placeBean1 = new PlaceBean("天津"); PlaceBean placeBean2 = new PlaceBean("北京"); PlaceBean placeBean3 = new PlaceBean("上海"); PlaceBean placeBean4 = new PlaceBean("深圳"); PlaceBean placeBean5 = new PlaceBean("四川"); PlaceBean placeBean6 = new PlaceBean("杭州"); PlaceBean placeBean7 = new PlaceBean("苏州"); mPopBeens.add(placeBean1); mPopBeens.add(placeBean2); mPopBeens.add(placeBean3); mPopBeens.add(placeBean4); mPopBeens.add(placeBean5); mPopBeens.add(placeBean6); mPopBeens.add(placeBean7); // 初始化类型 mTypes.add("美食"); mTypes.add("电影"); mTypes.add("化妆品"); mTypes.add("衣服"); mTypes.add("玩具"); mTypes.add("电器"); mTypes.add("装饰"); mTypes.add("超市"); // 初始化时间 TimeBean timeBean1 = new TimeBean("1天内","去赚钱"); mTimes.add(timeBean1); mTimes.add(timeBean2); mTimes.add(timeBean3); mTimes.add(timeBean4); // 获取时间中可用于筛选的数据 for (TimeBean bean : mTimes) {  mTimeStr.add(bean.getTimestr()); } } /** * 初始化控件 */ private voID initVIEw() { mPlaceAll = (linearLayout) findVIEwByID(R.ID.ll_place_tab); mPlaceCb = (CheckBox) findVIEwByID(R.ID.cb_place); mTypeAll = (linearLayout) findVIEwByID(R.ID.ll_type); mTypeCb = (CheckBox) findVIEwByID(R.ID.cb_type); mTimeAll = (linearLayout) findVIEwByID(R.ID.ll_time); mTimeCb = (CheckBox) findVIEwByID(R.ID.cb_time); // 点击选择城市整体 mPlaceAll.setonClickListener(new VIEw.OnClickListener() {  @OverrIDe  public voID onClick(VIEw vIEw) {  if (mPlaceCb.isChecked())   mPlaceCb.setChecked(false);  else   mPlaceCb.setChecked(true);  } }); // 点击选择类型整体 mTypeAll.setonClickListener(new VIEw.OnClickListener() {  @OverrIDe  public voID onClick(VIEw vIEw) {  if (mTypeCb.isChecked())   mTypeCb.setChecked(false);  else   mTypeCb.setChecked(true);  } }); // 点击选择时间整体 mTimeAll.setonClickListener(new VIEw.OnClickListener() {  @OverrIDe  public voID onClick(VIEw vIEw) {  if (mTimeCb.isChecked())   mTimeCb.setChecked(false);  else   mTimeCb.setChecked(true);  } }); // 选择城市cb mPlaceCb.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,mPlaceAll,mPopBeens,long l) {   hIDePopListVIEw();   mPlaceCb.setText(mPopBeens.get(position).getFilterstr());   }  },mTypeCb,mTimeCb);  } }); // 选择类型cb mTypeCb.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,mTypeAll,mTypes,long l) {   hIDePopListVIEw();   mTypeCb.setText(mTypes.get(position));   }  },mTimeCb);  } }); // 选择时间cb mTimeCb.setonCheckedchangelistener(new Compound@R_502_5554@.OnCheckedchangelistener() {  @OverrIDe  public voID onCheckedChanged(Compound@R_502_5554@ compound@R_502_5554@,mTimeStr,mTypeCb);  } }); }}

BaseActivity:

package com.example.junweiliu.filterdemo;import androID.app.Activity;import androID.os.Bundle;import androID.support.annotation.Nullable;import androID.support.v7.app.AppCompatActivity;import androID.vIEw.VIEw;import androID.vIEw.WindowManager;import androID.Widget.AdapterVIEw;import androID.Widget.CheckBox;import androID.Widget.PopupWindow;import com.example.junweiliu.filterdemo.bean.BaseFilter;import com.example.junweiliu.filterdemo.pop.CommonFilterPop;import java.util.ArrayList;import java.util.List;/** * Created by junweiliu on 16/11/7. */public class BaseActivity extends AppCompatActivity { /** * 筛选pop */ private CommonFilterPop mPopupWindow; /** * 当前上下文实例 */ protected Activity activity; @OverrIDe protected voID onCreate(@Nullable Bundle savedInstanceState) { super.onCreate(savedInstanceState); this.activity = this; } /** * 列表选择popupWindow * * @param parentVIEw 父VIEw * @param itemTexts  列表项文本集合 * @param itemClickListener 列表项点击事件 */ public voID showFilterPopupWindow(VIEw parentVIEw,0); } /** * 列表选择popupWindow * * @param parentVIEw 父VIEw * @param itemTexts  列表项文本集合 * @param itemClickListener 列表项点击事件 */ public voID showFilterPopupWindow(VIEw parentVIEw,则默认设置为0.6f if (0 == Alpha) {  Alpha = 0.6f; } // 设置背景透明度 WindowManager.LayoutParams lp = activity.getwindow().getAttributes(); lp.Alpha = Alpha; activity.getwindow().setAttributes(lp); // 显示pop mPopupWindow.showAsDropDown(parentVIEw); } /** * Tab筛选栏切换 * * @param isChecked  选中状态 * @param showVIEw  展示pop的跟布局 * @param showMes  展示选择的数据 * @param itemClickListener 点击回调 * @param tabs  所有的cb(需要几个输入几个就可以,new CustomerdismissListener() {  @OverrIDe  public voID ondismiss() {   super.ondismiss();   // 当pop消失时对第一个cb进行.setChecked(false) *** 作   tabs[0].setChecked(false);  }  }); } else {  // 关闭checkBox时直接隐藏popuwindow  hIDePopListVIEw(); } } /** * Tab筛选栏切换 * * @param isChecked  选中状态 * @param showVIEw  展示pop的跟布局 * @param showMes  展示选择的数据源 * @param itemClickListener 点击回调 * @param tabs  所有的cb(需要几个输入几个就可以,new CustomerdismissListener() {  @OverrIDe  public voID ondismiss() {   super.ondismiss();   // 当pop消失时对第一个cb进行.setChecked(false) *** 作   tabs[0].setChecked(false);  }  }); } else {  // 关闭checkBox时直接隐藏popuwindow  hIDePopListVIEw(); } } /** * 自定义OndismissListener */ public class CustomerdismissListener implements PopupWindow.OndismissListener { @OverrIDe public voID ondismiss() {  // 当pop消失的时候,如果显示则dismiss if (mPopupWindow != null && mPopupWindow.isShowing()) {  mPopupWindow.dismiss();  mPopupWindow = null; } }}

源码地址：AndroID通用的筛选栏源码

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

总结

以上是内存溢出为你收集整理的Android实现通用筛选栏全部内容，希望文章能够帮你解决Android实现通用筛选栏所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。