Android--- 筛选框需求房产类APP条件筛选框,包含区域(单选,多选),竖着排列(单选,多选),横向排列(单选,多选)

Posted 彬彬杨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android--- 筛选框需求房产类APP条件筛选框,包含区域(单选,多选),竖着排列(单选,多选),横向排列(单选,多选)相关的知识,希望对你有一定的参考价值。

房产类APP条件筛选框,包含区域(单选,多选),竖着排列(单选,多选),横向排列(单选,多选)

github地址

https://github.com/binbinyYang/FilterSelectUi

功能区分
支持区域二级联动选择/三级联动选择FilterTabConfig.FILTER_TYPE_AREA
支持单行List样式选择FilterTabConfig.FILTER_TYPE_SINGLE_SELECT
支持带EditText的单行选择(竖着)FilterTabConfig.FILTER_TYPE_PRICE_UPRIGHT
支持带EditText的单行选择(横着)FilterTabConfig.FILTER_TYPE_PRICE_HORIZONTAL
支持多类型选择FilterTabConfig.FILTER_TYPE_MUL_SELECT
支持Grid样式多选FilterTabConfig.FILTER_TYPE_SINGLE_GIRD
支持筛选框title是图片的样式选择FilterTabConfig.FILTER_TYPE_SINGLE_SELECT_HAVA_PIC

XML部分

<com.yangbin.view.FilterTabView
        android:id="@+id/ftb_filter"
        android:layout_width="match_parent"
        android:layout_height="@dimen/tool_bar"
        android:background="@color/white"
        app:btn_solid_unselect_color="#F5F5F5"
        app:btn_corner_radius="24dp"
        app:btn_stroke_select_color="@color/color_ff8800"
        app:btn_stroke_unselect_color="#F5F5F5"
        app:btn_text_select_color="@color/color_ff8800"
        app:btn_text_unselect_color="@color/color_222222"
        app:tab_text_style="0"
        app:column_num="3"
        />

代码部分

  FilterInfoBean bean_area = new FilterInfoBean("区域", FilterTabConfig.FILTER_TYPE_AREA, mAreaList);
            FilterInfoBean bean_price = new FilterInfoBean("总价", FilterTabConfig.FILTER_TYPE_PRICE_UPRIGHT, mAllPriceList);
            FilterInfoBean bean_sort = new FilterInfoBean("排序", FilterTabConfig.FILTER_TYPE_SINGLE_SELECT_HAVA_PIC, mSortList);
            FilterInfoBean bean_more = new FilterInfoBean("更多", FilterTabConfig.FILTER_TYPE_MUL_SELECT, mMoreList);
            FilterInfoBean bean5 = new FilterInfoBean("坪数", FilterTabConfig.FILTER_TYPE_SINGLE_GIRD, mSortList);
            FilterInfoBean bean6 = new FilterInfoBean("单价", FilterTabConfig.FILTER_TYPE_PRICE_HORIZONTAL, mSinglePriceList);

            ftb_filter.addFilterItem(bean_area.getTabName(), bean_area.getFilterData(), bean_area.getPopupType(), 0,false);
            ftb_filter.addFilterItem(bean_price.getTabName(), bean_price.getFilterData(), bean_price.getPopupType(), 1,false);
            ftb_filter.addFilterItem(bean_sort.getTabName(), bean_sort.getFilterData(), bean_sort.getPopupType(), 2,true);
            ftb_filter.addFilterItem(bean_more.getTabName(), bean_more.getFilterData(), bean_more.getPopupType(), 3,false);
            ftb_filter.addFilterItem(bean5.getTabName(), bean5.getFilterData(), bean5.getPopupType(), 4,false);
            ftb_filter.addFilterItem(bean6.getTabName(), bean6.getFilterData(), bean6.getPopupType(), 5,false);

javabean 要继承 BaseFilterBean,重写里面的方法

public class FilterAreaEntity extends BaseFilterBean {
    ....
}

需要用到的Activity或者fragment里面实现OnSelectResultListener这个接口-------

 ftb_filter.setOnSelectResultListener(new OnSelectResultListener() {
    @Override
    public void onSelectResult(FilterResultBean resultBean) {
        // 接受点击的返回值
    }
});

控件调用之前最好初始化一下,避免加载失败重新加载数据是出现重复的问题。

 ftb_filter.removeViews();

OnSelectFilterNameListener 实现这个接口可以拿到选择后对应的Tab名称

ftb_filter.setOnSelectFilterNameListener(new OnSelectFilterNameListener() {
    @Override
    public void onSelectFilterName(String name, int popupindex) {
        // name:tab名称  popupindex:对应的popup的位置
    }
});

自定义属性说明
tab_arrow_select_color筛选Tab选择的图片
tab_arrow_unselect_color筛选Tab选择的图片
tab_text_style选中状态是否为粗体 0为否 1为是 默认为0
color_main主题色
btn_stroke_select_color选中button边框颜色
btn_stroke_unselect_color未选中button边框颜色
btn_solid_select_color选中button填充颜色
btn_solid_unselect_color未选中button填充颜色
btn_corner_radiusbutton圆角大小
btn_text_select_color选中字体颜色
btn_text_unselect_color未选中字体颜色
column_numgrid样式下的列数

以上是关于Android--- 筛选框需求房产类APP条件筛选框,包含区域(单选,多选),竖着排列(单选,多选),横向排列(单选,多选)的主要内容,如果未能解决你的问题,请参考以下文章

excel表中,怎样筛选出多个条件的数据

wps怎么筛选出重复的内容

EXCEL中,根据条件筛选出的数据显示出来,那剩下那些不符合条件的数据是被隐藏还是被删除了?

C#的问题,怎么在List集合中筛选数据?

C#的问题,怎么在List集合中筛选数据?

iOS: 悬浮的条件筛选下拉框的使用