Android_001_校园APP_001_底部导航栏_Fragment

Android_001_校园APP_001_底部导航栏_Fragment_0-2020-3-25
index-map-my
首页-地图-个人

下载:https://www.lanzous.com/iangs2j

我利用谷歌的快速模板，针对模板的修改，修改包括图标，导航栏名，及目录分析
此项目的底部切换每次会新建和销毁，如果需要不刷新的请看我的另一篇博客

一、新建Bottom Navigation Activity
二、模板结果
三、分析目录
- 1.manifest
- - (1)AndroidManifest.xml//xml布局文件
- 2.java
- - (1)ui目录下 home，dashBoard，notifications,//java文件
  - (2)MainActivity //java文件
- 3.res
- - (1)drawable(可绘制物)
  - (2)layout(布局)
  - (3)menu
  - (4)mipmap
  - (5)navigation
  - (6)values
四、修改(以三个导航栏，index,map,my为例)
- 1.简单替换
- 2.新建文件
- 3.修改文件
- 4.新建图标
、结果

一、新建Bottom Navigation Activity

二、模板结果

头部标题和内容随着底部导航变化，
Home，DashBoard，Notifications,

三、分析目录

1.manifest

(1)AndroidManifest.xml//xml布局文件

2.java

(1)ui目录下 home，dashBoard，notifications,//java文件

home
HomeFragment
HomeViewModel
dashBoard
DashboardFragment
DashboardViewModel
notifications
NotificationsFragment
NotificationsViewModel

(2)MainActivity //java文件

3.res

(1)drawable(可绘制物)

ic_home_black_24dp.xml                 //home底部图标
ic_dashboard_black_24dp.xml            //dashboard底部图标
ic_notifications_black_24dp.xml        //notifications底部图标

下面两个暂且不分析
ic_launcher_background.xml
ic_launcher_foreground.xml

(2)layout(布局)

activity_main_xml                 //主布局
fragment_home.xml                 //home布局   该页面的样式
fragment_dashboard.xml            //dashboard布局
fragment_notifications.xml        //notifications布局

(3)menu

bottom_nav_menu.xml      //底部图标及名，要增加底部导航数量、导航图标文件来源、导航名字

(4)mipmap

ic_launcher                        //图标
ic_launcher_round                  //图标

(5)navigation

mobile_navigation.xml      //导航栏的页面入口

(6)values

colors.xml              //颜色
dimens.xml              //尺寸
string.xml              //字符
styles.xml              //样式

四、修改(以三个导航栏，index,map,my为例)

1.简单替换

2.新建文件

以ic_index  ic_map  ic_my为例

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/ic_index_selected" android:state_checked="true"/>
<item android:drawable="@drawable/ic_index_unselected" android:state_checked="false"/></selector>

3.修改文件

menu下
bottom_nav_menu.xml

//修改前
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/navigation_home"android:icon="@drawable/ic_home_black_24dp"android:title="@string/title_home" /><itemandroid:id="@+id/navigation_dashboard"android:icon="@drawable/ic_dashboard_black_24dp"android:title="@string/title_dashboard" /><itemandroid:id="@+id/navigation_notifications"android:icon="@drawable/ic_notifications_black_24dp"android:title="@string/title_notifications" /></menu>
//修改后
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"><itemandroid:id="@+id/navigation_index"android:icon="@drawable/ic_index"android:title="@string/title_index" /><itemandroid:id="@+id/navigation_map"android:icon="@drawable/ic_map"android:title="@string/title_map" /><itemandroid:id="@+id/navigation_my"android:icon="@drawable/ic_my"android:title="@string/title_my" /></menu>

4.新建图标

以ic_index_selected   ic_index_unselected   为例    //对应替换

如上图选择，path是本地图标路径，点击下一步，无响应操作，再点击完成。
custom color 可以改变图标颜色

、结果