ToolbarDemo【Toolbar作为顶部导航栏的简单使用】

前言

简单记录ToolBar作为导航栏的使用。关键点在于如何在dialogfragment中使用toolbar！

Toolbar的图标、标题设置：

效果图

参考使用方法的效果图。

代码分析

分为两部分：一部分是固定不变的部分（参考导入步骤）；另外一部分是根据实际情况灵活改变的部分（参考使用方法）；

使用步骤

一、项目组织结构图

ToolbarDemo【Toolbar作为顶部导航栏的简单使用】

注意事项：

1、导入类文件后需要change包名以及重新import R文件路径

2、 Values目录下的文件（strings.xml、dimens.xml、colors.xml等），如果项目中存在，则复制里面的内容，不要整个覆盖

二、导入步骤

（1）引入appcompat support v7支持包【一般都会引入】

apply plugin: 'com.android.application'

android {
    compileSdkVersion 27
    defaultConfig {
        applicationId "com.why.project.toolbardemo"
        minSdkVersion 16
        targetSdkVersion 27
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:27.1.1'
    implementation 'com.android.support.constraint:constraint-layout:1.1.2'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

（2）修改styles.xml文件中的AppTheme

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

</resources>

（3）将nav_toolbar_base.xml复制到项目中

<?xml version="1.0" encoding="utf-8"?>
<!-- 基础的toolbar（代码控制标题、图标显示） -->
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar_base"
    android:layout_width="match_parent"
    android:layout_height="@dimen/nav_height"
    android:minHeight="@dimen/nav_height"
    android:background="@color/nav_bg"
    app:navigationIcon="@drawable/nav_back"
    app:contentInsetStart="0dp"
    app:contentInsetStartWithNavigation="0dp"
    app:titleTextAppearance="@style/nav_toolbar_title_style"
    app:theme="@style/nav_toolbar_menu_style"
    app:popupTheme="@style/nav_toolbar_popup_style"
    >
    <TextView
        android:id="@+id/toolbarTitle"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text=""
        android:textColor="@color/nav_text_color"
        android:textSize="@dimen/nav_title_text_size"
        android:layout_gravity="center"/>
</android.support.v7.widget.Toolbar>

nav_toolbar_base.xml