欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  技术分享

Android顶部下拉条件筛选菜单_仿美团筛选菜单

程序员文章站 2021-11-28 11:21:38
...

很多项目中都会用到多条件可选的筛选搜索功能、这就要用到下拉菜单式的赛选、这个自定义控件难度不大、但是却很巧妙、弄懂了视图的层级也就搞懂了这个控件的原理、顶层的菜单布局比较简单、就是一个线性水平布局、通过对顶层的菜单布局的tab设置点击事件,来决定下方containerView这个FrameLayout布局的显示

Android顶部下拉条件筛选菜单_仿美团筛选菜单


1、Gradle引入

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

dependencies {
    compile ´com.github.dongjunkun:DropDownMenu:1.0.4´
}


2、添加DropDownMenu 到你的布局文件

<com.youpack.library.DropDownMenu
    android:id="@ id/dropDownMenu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:ddmenuTextSize="13sp" //tab字体大小
    app:ddtextUnselectedColor="@color/drop_down_unselected" //tab未选中颜色
    app:ddtextSelectedColor="@color/drop_down_selected" //tab选中颜色
    app:dddividerColor="@color/gray"    //分割线颜色
    app:ddunderlineColor="@color/gray"  //下划线颜色
    app:ddmenuSelectedIcon="@mipmap/drop_down_selected_icon" //tab选中状态图标
    app:ddmenuUnselectedIcon="@mipmap/drop_down_unselected_icon"//tab未选中状态图标
    app:ddmaskColor="@color/mask_color"     //遮罩颜色,一般是半透明
    app:ddmenuBackgroundColor="@color/white" //tab 背景颜色
    app:ddmenuMenuHeightPercent="0.5" 菜单的最大高度,根据屏幕高度的百分比设置
    ...
 />


3、java代码

//tabs 所有标题,popupViews  所有菜单,contentView 内容
mDropDownMenu.setDropDownMenu(tabs, popupViews, contentView);


android筛选菜单源代码下载链接: android 多级筛选菜单 密码: uxbk