美文网首页工作生活
仿美团下拉菜单

仿美团下拉菜单

作者: CarlosLynn | 来源:发表于2019-06-30 12:04 被阅读0次

[图片上传失败...(image-db48-1561867436721)]

简介

一个实用的多条件筛选菜单,在很多App上都能看到这个效果,如美团,爱奇艺电影票等

我的博客 自己造轮子--android常用多条件帅选菜单实现思路(类似美团,爱奇艺电影票下拉菜单)

特色

  • 支持多级菜单
  • 你可以完全自定义你的菜单样式,我这里只是封装了一些实用的方法,Tab的切换效果,菜单显示隐藏效果等
  • 并非用popupWindow实现,无卡顿

ScreenShot

<img src="https://raw.githubusercontent.com/dongjunkun/DropDownMenu/master/art/simple.gif"/>

<a href="https://raw.githubusercontent.com/dongjunkun/DropDownMenu/master/app/build/outputs/apk/app-debug.apk">Download APK</a>

或者扫描二维码

<img src="https://raw.githubusercontent.com/dongjunkun/DropDownMenu/master/art/download.png"/>

Gradle Dependency

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

dependencies {
    compile 'com.zxn.dropdown:dropdown-menu:1.0.0'
}

使用

添加DropDownMenu 到你的布局文件,如下

<com.zxn.dropdown.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" 菜单的最大高度,根据屏幕高度的百分比设置
    ...
 />

我们只需要在java代码中调用下面的代码

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

如果你要了解更多,可以直接看源码 <a href="https://github.com/dongjunkun/DropDownMenu/blob/master/app/src/main/java/com/yyy/djk/dropdownmenu/MainActivity.java">Example</a>

建议拷贝代码到项目中使用,拷贝DropDownMenu.java 以及res下的所有文件即可

关于我

简书zxn

相关文章

  • 仿美团下拉菜单

    [图片上传失败...(image-db48-1561867436721)] 简介 一个实用的多条件筛选菜单,在很多...

  • Android从0到完整项目(6)下拉列表与分段选择

    简单的下拉列表(仿美团)和 分段选择 分段选择 下拉菜单 IOS Segemnt Segemnt 的简单使用方法...

  • ReactNative 仿美团项目

    ReactNative 仿美团项目 ReactNative 仿美团项目

  • react-native山寨美团下拉菜单实现

    山寨美团下拉菜单实现目标 山寨美团下拉菜单主要实现以下几个功能:1、在下拉的时候有动画过度效果2、�下拉菜单出现后...

  • iOS仿美团下拉菜单封装

    前言 这个控件比较常用,至少目前公司三个项目都用到了这个下拉菜单,是时候封装分享一下了。觉的不错的麻烦点个喜欢,三...

  • 自定义下拉菜单效果(仿美团等)

    这是一个自定义布局容器实现的下拉菜单效果,看看实现该效果涉及到哪些东西,实现的一个大致流程和思路是啥样的; 通过上...

  • 仿美团项目笔记

    仿美团项目笔记 在学习仿美团项目时,对于vue结构、组件拆分布局,路由结构划分、提取公共的url接口上又有了新的收...

  • 仿美团1

    1. onPress={(i) => {this._selectedItem(i) 注意: 这种写法是错误的,前面...

  • 高仿美团swift5.0<1>

    很早之前就想和大家一起分享一篇有关swift的文章,由于之前写过高仿美团的OC版本,然后就和大家分享高仿美团的sw...

  • Swift类似美团下拉菜单

    写在前面 好久没有写文章记录总结平时用到的知识了,最近都在准备新项目的,项目上手才发现,自己可能真的是该再多努力一...

网友评论

    本文标题:仿美团下拉菜单

    本文链接:https://www.haomeiwen.com/subject/nbavcctx.html