2. 程式人生 > 程式設計 >Android實現通用篩選欄

Android實現通用篩選欄

阿新 • • 發佈：2020-01-07

今天來寫一個通用的篩選欄的實現,也是因為之前專案中要好多地方用到篩選欄這麼個東西,所以為了之後用起來比較方便,就簡單的做了一些封裝.廢話不多說,看一下效果圖:

很多APP都有用到這個篩選欄,相信大家也不陌生.

一、需求分析

看到這個篩選欄之後,先來考慮一下佈局,在開始接觸android時候的我,可能看到這個佈局的想法是:篩選欄這個部分,一個LinearLayout的橫向佈局,然後再分為3個部分,每個部分各佔比重為1,然後在每個部分中放一個TextView和ImageView,之後監聽每個部分的點選事件,對TextView和ImageView進行顏色、文字、方向等的處理.確實,這樣做能實現功能,不過寫起來很麻煩,需要手動的去處理TextView和ImageView的變化,可能篩選欄多了之後就會亂掉,而且還要花費大量時間去查詢修改BUG,可能有一個小地方寫反了,效果就亂掉了.

所以思考一下,對於篩選欄這個部分,有沒有更好的佈局設計呢?翻了翻能用的控制元件,發現CheckBox其實用在這裡很好用(之前可能對於CheckBox的用法,只停留在勾選個對勾這樣),怎麼說它好用呢,因為CheckBox有兩種狀態(選中和未選中)剛好可以符合需求,選中的時候將字型顏色變為藍色,並且將圖示轉換方向和顏色,未選中時重置為起始的樣式,並且可以通過設定selector輕鬆的完成樣式的轉變.只需管理CheckBox的狀態即可.

對於彈出框,很簡單,自定義一個popWindow就可以了.不過需要注意的是因為需要在彈框彈出的時候,改變背景色的透明度,並且在彈出框消失之後恢復背景色的透明度,所以需要做一些特殊處理,這裡打算去監聽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:button="@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:button="@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:button="@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);
 //設定彈出窗體的寬高
 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 CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,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 CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,將自己設定為選中
  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 CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,將自己設定為選中
  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 CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,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 CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,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.CompoundButton;
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 CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,mPlaceAll,mPopBeens,long l) {
   hidePopListView();
   mPlaceCb.setText(mPopBeens.get(position).getFilterStr());
   }
  },mTypeCb,mTimeCb);
  }
 });

 // 選擇型別cb
 mTypeCb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,mTypeAll,mTypes,long l) {
   hidePopListView();
   mTypeCb.setText(mTypes.get(position));
   }
  },mTimeCb);
  }
 });
 // 選擇時間cb
 mTimeCb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
  @Override
  public void onCheckedChanged(CompoundButton compoundButton,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 實現長按彈出PopupMenu 選單欄

在Android中的SDK3.0版本以後加入了一個特殊的選單效果，它可以在任何的View上顯示，根據View的位置顯示選單效果。

Android利用碎片fragment實現底部標題欄(Github模板開源)

fragment特點 Fragment與Activity相似，有自己的生命週期，佈局。相當於一個迷你的Activity

Android實現美團外賣底部導航欄動畫

體驗了一下美團外賣的底部導航欄，感覺動畫很流暢，分割線被頂起，還有圖示的動畫，可能用的lottie，覺得分割線被頂起可以自己寫動畫，所以試著寫了一下 。

android實現篩選選單效果

前言 由於android M的popupwindow與之前版本不一致，筆者找不到能夠程式碼監聽物理返回鍵的方式，故另尋方式實現篩選選單。5.0及之前的版本可用popupwindow實現，詳情請參考popupwindow用法。

Android基於Toolbar實現頂部標題欄及後退鍵

最近設計安卓裡面有個標題欄，裡面有個後退鍵，可以完成後退之類的功能。

android沉浸式選單欄簡單實現。

技術標籤：andorid沉浸式選單 首先我對沉浸式選單欄不是明確我先講述實現效果吧

Java 用註解實現通用功能-csv檔案的讀取為例

引言 使用java註解可以實現一些共通的功能，假設有幾種格式的csv檔案，編碼，分隔符，頭部行數之類的定義各不相同，但我們想統一的處理他們，那就需要一個共通的方法。

告別硬編碼，mysql 如何實現按某欄位的不同取值進行統計

上週我突然意識到，我在grafana上寫的 sql 語句存在多處硬編碼。這篇筆記將記錄如何實現沒有硬編碼的 sql 語句，以及自學程式設計過程中如何應對自己的笨拙程式碼和難題不斷的狀況。

android實現簡單音樂播放器

本文例項為大家分享了android音樂播放器的具體程式碼，供大家參考，具體內容如下

Android實現音樂播放器鎖屏頁

本文例項為大家分享了Android音樂播放器鎖屏頁的具體程式碼，供大家參考，具體內容如下

Android實現原生鎖屏頁面音樂控制

Android5.0 提出了全新的MediaSession概念用於播放器與控制器之間進行互動，它取代之前的RemoteControlClient，並提供了更為靈活的客戶端受控端模型。

Android實現選項選單子選單

Android之選項選單和子選單學習筆記，供大家參考，具體內容如下 選單簡介： 選單在桌面應用中使用十分廣泛，幾乎所有的桌面應用都有選單。但是隨著手機的發展，對於手機桌面選單的使用減少了很多，一般來說我們把選單

Android實現時鐘特效

本文例項為大家分享了Android實現時鐘特效的具體程式碼，供大家參考，具體內容如下

android實現上下左右滑動介面佈局

本文例項為大家分享了android實現滑動介面佈局的具體程式碼，供大家參考，具體內容如下

Android實現倒計時的按鈕效果

最近有人問我如何實現倒計時的按鈕功能，例如傳送驗證碼，我記得有個CountDownTimer,因為好久沒用過了，自己就寫了一個，程式碼如下

Android實現圖片一邊的三角形邊框效果

在每一個圖片的某一側都可以展示出一個三角形的邊框檢視，就是咱們的三角形標籤檢視。這個檢視在電商類APP當中比較常用，使用過ebay的同學應該都還記得有些商品的左上角或者右上角都會顯示一個三角形的邊框，用於給人

Android實現帶進度條的WebView

在載入H5頁面的時候，可能由於網路、頁面內容複雜度等原因，導致載入過程出現空白，加上進度條可以有效提高使用者體驗

Android實現藍芽（BlueTooth）裝置檢測連線

無論是WIFI還是4G網路，建立網路連線後都是訪問網際網路資源，並不能直接訪問區域網資源。比如兩個人在一起，A要把手機上的視訊傳給B，通常情況是開啟手機QQ，通過QQ傳送檔案給對方。不過上傳視訊很耗流量，如果現場

android實現手寫簽名功能

本文例項為大家分享了android手寫簽名展示的具體程式碼，供大家參考，具體內容如下