背景:在现在的APP的应用中,类似仿美团APP的底部滑动菜单,应用是挺多的,例如QQ,微信,支付宝都应用到。

开发流程

1)设置selector(背景选择器),在res的目录下建立新的文件夹(drawable-nodpi),在里面建立新的xml文件,选择资源类型为Drawable的selector,在每一个selector

中建立item选项:声明如下:

//未选中的按钮的背景

//选中的按钮的背景

如果有几个底部按钮就建立几个selector文件

2)底部按钮的设立,一般选择RadioGroup ,在radiogroup中设置按钮(其中有几个重要的属性)

android:id="@+id/rbtn_contacter"

android:layout_width="match_parent"

android:layout_weight="1"//使按钮平均分配大小

android:layout_height="wrap_content"

android:checked="true"//一般默认第一个为选中

android:button="@null"//使原有的按钮图案设为无

android:drawableTop="@drawable/contactselector"//引入selector

/>

3)中间的滑动窗口,利用的ViewPager和Fragment。

ViewPagaer用到了外包

android:id="@+id/vp_fragment"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:layout_above="@+id/rg_bottom_button"

>

ViewPager要用到适配器(adapter),这里所要用的适配器是FragmentPagerAdapter,但这个适配器不能直接使用,需要写一个子类

ViewPager使用这个子类

class MyPageFramgent extends FragmentPagerAdapter{

public MyPageFramgent(FragmentManager fm) {

super(fm);

}

public Fragment getItem(int position) {

//fragment的位置

return fragments.get(position);//fragments为所要显示在屏幕的页数

}

/*

* 统计Fragment的页数,这里可以写死,也可以最好写fragments.size()

*

*/

@Override

public int getCount() {

return fragments.size();

}

}

4)声明Fragment,要实现几个按钮的滑动,就要声明几个Fragment,在声明中继承Fragment,并重写onCreateView,这个方法需要放回值

public class FragmentContacters  extends Fragment{

//声明oncreateView方法,加载设置的fragment的layout,返回View

@Override

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

View view=inflater.inflate(R.layout.fragmentcontacters, null);

return view;

}

}

5)添加Fragment,建立一个Fragment集合往这个集合中添加。

fragments = new ArrayList();

//往对象中添加fragment,这是第三步中的返回值要用到的

fragments.add(new FragmentContacters());

6)设置适配器,里面需要一个参数。这个参数是个重点,由etSupportFragmentManager()方法得到,要得到这个方法,切记要将ACtivity改成FragmentActivity,然后为ViewPager设置监听器

FragmentManager manger = getSupportFragmentManager();

adapter=new MyPageFramgent(manger);

viewPager.setAdapter(adapter);

android美团底部栏实现,仿美团APP的底部滑动菜单实现相关推荐

  1. Android仿ios二级菜单侧滑,仿IOS的列表项滑动菜单——ListItemMenu

    一个简单的仿IOS的列表项滑动菜单(也不知道怎么描述比较好). 顺手做出来的小东西,就分享给大家了. 仿iOS列表项滑动菜单: 1.滑动出现菜单,越界阻尼效果: 2.删除列表项效果. GitHub地址 ...

  2. android 自定义裁剪 陌陌,Android之View篇6————仿陌陌卡片左右滑动选择布局

    Android之View篇6----仿陌陌卡片左右滑动选择控件 一.目录 Android之View篇6----仿陌陌卡片左右滑动选择控件 一.目录 二.效果图 三.业务需求梳理 四.思路分析 1. 新 ...

  3. Android studio心得——用fragment仿微信APP

    前言 今天我想与大家分享一些关于如何利用fragment实现仿微信APP的经验.作为社交领域最受欢迎.功能齐全且可扩展性强的应用之一,微信APP在浏览器首页和个人中心之上还有一个重要部分:底部导航栏. ...

  4. android 仿美团骑手地图_Android仿美团外卖菜单界面

    美团外卖菜单界面的Android实现代码,供大家参考,具体内容如下 布局文件 总布局 xmlns:tools="http://schemas.android.com/tools" ...

  5. android 仿美团骑手地图_Android仿美团地址选择

    最近做了这个功能,分享一下,用的是百度地图api,和美团外卖的地址选择界面差不多,也就是可以搜索或者滑动地图展示地址列表给用户选择,看下效果图先. addressSelect.gif 文章重点 1.展 ...

  6. Android CoordinatorLayout 自定义Behavior 高仿美团商家详情界面 实现页面内容复杂联动效果

    内容如题 效果如下 顺带涉及到: Scroller+Handler 实现View自动滑动 View属性动画 触摸事件分发机制 ConstraintLayout约束布局 emmmm 实现参考: Cons ...

  7. Android slideback框架,SlideBack 一个仿 即刻 APP 滑动返回效果的 Demo @codeKK Android开源站...

    一个让你的页面支持 滑动返回 的小东西 效果 使用方法: Step 1. 在你项目的根 build.gradle 中添加 jitpack.io 库 allprojects { repositories ...

  8. ios底部栏设计规范_设计干货:底部导航栏规范设计总结

    本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助. 本文翻译了 Material Design 规范中对底部导航的规范总结,希望可以带给你更多帮助. 备注 ...

  9. android app底部菜单栏,材料设计指南·组件篇(一):AppBars: Bottom 底部栏

    写在前面的话:内容来自 Material IO ,目前不是从头到尾一一翻译,我自己用到哪部分内容就翻译哪部分.之后会逐步完善,当然你要想先看哪部分也可以留言提要求.不是直译,但不会影响原文内容. 材料 ...

最新文章

  1. 《中国人工智能学会通讯》——3.15 社交媒体中的谣言识别研究及其发展趋势...
  2. 关于Android制作.9.png图片
  3. 计算机组成原理 — ARM 体系结构
  4. [CareerCup] 9.5 Permutations 全排列
  5. 【基于Web攻击】的方式发现并攻击物联网设备,又是一个入狱小技巧
  6. 全球及中国USB分路器行业发展布局与应用现状调研报告2022年
  7. 不恰当使用read会造成服务器阻塞
  8. IBatis.Net学习笔记(四)--再谈查询
  9. 广度优先遍历算法-01寻找制高点问题
  10. markdown流程图画法小结
  11. spring框架(六)之拦截器
  12. 制作 mysql的rpm文件_自制mysql.rpm安装包
  13. SQL2008学习小结
  14. Feature Extraction
  15. python替换img的路径为新的路径_python – Django |连接路径位于基本路径组件之外{%static img.thumbnail.url%},错误400与whitenoise...
  16. Lightroom Classic 教程,如何在 Lightroom 中使用引导式修复透视图?
  17. 打开你企业发展之门的钥匙
  18. 清华大学android源码下载网站地址
  19. c语言智能插座多线程原理,主芯片HLW8012 - 基于WiFi智能插座的智能家居电路及原理解析—电路精选(49)...
  20. origin 图片导出word

热门文章

  1. 第一个NTP时间服务
  2. CNC加工中心常用的几种螺纹加工方法!
  3. 8天4起,美军机又击落一个高空“不明物”
  4. 苹果手机输入法软件测试,iPhone自带输入法怎么用 iPhone自带输入法小技巧【详解】...
  5. 导入EXCEL处理 日期格式
  6. 使用docker-compose搭建consul集群环境
  7. 橙色云CDS解决制造业4大痛点
  8. 怎么把图片转换成PDF文件格式
  9. excel单元格输入-20℃报公式错误
  10. 猪年AI会凉?没关系,AI已经凉过很多次了