溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹了Android實現通用篩選欄的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。
今天來寫一個通用的篩選欄的實現,也是因為之前項目中要好多地方用到篩選欄這么個東西,所以為了之后用起來比較方便,就簡單的做了一些封裝.廢話不多說,看一下效果圖:
很多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,
List<String> itemTexts,
AdapterView.OnItemClickListener itemClickListener,
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, boolean b) {
// 將其他的cb設置為未選中,將自己設置為選中
cb2.setChecked(true);
cb1.setChecked(false);
cb3.setChecked(false);
showFilterPopupWindow(showView, showMes2, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
cb2.setText(showMes1.get(position));
}
},
new CustomerDismissListener(){
@Override
public void onDismiss() {
super.onDismiss();
// 消失的時候,需要將當前的cb設置為未選中
cb2.setChecked(false);
}
});
}
});
// cb3操作
cb3.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean b) {
// 將其他的cb設置為未選中,將自己設置為選中
cb3.setChecked(true);
cb1.setChecked(false);
cb2.setChecked(false);
showFilterPopupWindow(showView, showMes3, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
cb3.setText(showMes3.get(position));
}
},
new CustomerDismissListener(){
@Override
public void onDismiss() {
super.onDismiss();
// 消失的時候,需要將當前的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, AdapterView.OnItemClickListener itemClickListener, 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, itemClickListener, 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, showMes1, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
hidePopListView();
cb1.setText(showMes1.get(position));
}
}, cb1, 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(需要幾個輸入幾個就可以,cb1,cb2....)
*/
public void filterTabToggleT(boolean isChecked, View showView, List<? extends BaseFilter> showMes, AdapterView.OnItemClickListener itemClickListener, 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);
}
// 從數據源中提取出展示的篩選條件
List<String> showStr = new ArrayList<>();
for (BaseFilter baseFilter : showMes) {
showStr.add(baseFilter.getFilterStr());
}
showFilterPopupWindow(showView, showStr, itemClickListener, 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, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, 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天內", "去玩");
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());
}
}
/**
* 初始化控件
*/
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, boolean isChecked) {
filterTabToggleT(isChecked, mPlaceAll, mPopBeens, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
hidePopListView();
mPlaceCb.setText(mPopBeens.get(position).getFilterStr());
}
}, mPlaceCb, mTypeCb, mTimeCb);
}
});
// 選擇類型cb
mTypeCb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
filterTabToggle(isChecked, mTypeAll, mTypes, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
hidePopListView();
mTypeCb.setText(mTypes.get(position));
}
}, mTypeCb, mPlaceCb, mTimeCb);
}
});
// 選擇時間cb
mTimeCb.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(CompoundButton compoundButton, boolean isChecked) {
filterTabToggle(isChecked, mTimeAll, mTimeStr, new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> adapterView, View view, int position, long l) {
hidePopListView();
mTimeCb.setText(mTimeStr.get(position));
}
}, mTimeCb, mPlaceCb, 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,
List<String> itemTexts,
AdapterView.OnItemClickListener itemClickListener,
CustomerDismissListener dismissListener) {
showFilterPopupWindow(parentView, itemTexts, itemClickListener, dismissListener, 0);
}
/**
* 列表選擇popupWindow
*
* @param parentView 父View
* @param itemTexts 列表項文本集合
* @param itemClickListener 列表項點擊事件
*/
public void showFilterPopupWindow(View parentView,
List<String> itemTexts,
AdapterView.OnItemClickListener itemClickListener,
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);
}
/**
* 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, AdapterView.OnItemClickListener itemClickListener, 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, itemClickListener, 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(需要幾個輸入幾個就可以,cb1,cb2....)
*/
public void filterTabToggleT(boolean isChecked, View showView, List<? extends BaseFilter> showMes, AdapterView.OnItemClickListener itemClickListener, 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);
}
// 從數據源中提取出展示的篩選條件
List<String> showStr = new ArrayList<>();
for (BaseFilter baseFilter : showMes) {
showStr.add(baseFilter.getFilterStr());
}
showFilterPopupWindow(showView, showStr, itemClickListener, 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消失的時候,重置背景色透明度
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;
}
}
}感謝你能夠認真閱讀完這篇文章，希望小編分享的“Android實現通用篩選欄的方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
