云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

阅读目录


1.底部导航BottomBar设计与实现

1.1 说明
1.2 基于每个tab的子frament的父类的实现
1.3  建立bean类包含tab的信息(icon+文字)
2.打造适合电商主界面导航框架

 

1.底部导航BottomBar设计与实现

回到顶部

1.1 说明

【说明】底部的每个按钮对应的内容页面是fragmemt;

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

回到顶部

1.2 基于每个tab的子frament的父类的实现

【思路】底部的按钮需要一个bean或者entivity来存储每个按钮的信息和图标;需要一个基类,实现每个tab的共有的功能;底层的delegate是容器;

【BottomItemDelegate】//BottomItemDelegate 是每一个页面

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【退出程序的功能】点击两次返回按钮可以退出应用的app;

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

 [request请求]fragment在返回的时候需要将fouse再次去request;需要读取fragment的源码;

 云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

回到顶部

1.3  建立bean类包含tab的信息(icon+文字)

 【说明】tab信息不使用图片,使用icon+文字;

 云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

  【构造器】ItemBuilder 容器,将BottomItemDelegate 和 BottomItemDelegate(fragment的基类) 构造关联起来;

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

 【初始化链表】子类调用方法初始化链表

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【tab的fragment的布局】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【bottembar的添加】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【查找控件】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【关联tab和fragment】

 云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【重置点击之后的颜色】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【点击事件】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

回到顶部

2.打造适合电商主界面导航框架

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【创建首页】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【创建主页面】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【创建分类的页面】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【登陆之后进入到首页】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装

【效果】

云炬Android开发笔记 9主界面-通用底部导航设计与一键式封装