Android【Toolbar，FloatingActionButton 悬浮按钮和可交互提示，Snackbar，CoordinatorLayout】

目录

1 Toolbar

1.1 基本框架

1.2 添加工具栏点击事件

1.3 溢出菜单

1.4 溢出菜单的点击事件

2 DrawerLayout 滑动菜单

2.1 基本框架

2.2 NavigationView

3 FloatingActionButton 悬浮按钮和可交互提示

3.1 基本框架

4 Snackbar

4.1 基本框架

5 CoordinatorLayout

5.1 基本框架

5.2 具体用法

---

1 Toolbar

还记得我们每次打开的程序的标题栏吗？那不是 toolbar 做的 , 那是 actionbar 做的 , Toolbar 可以说是

Actionbar 的升级版了。 Toolbar 不仅有 Actionbar 的所有功能 , 而且还更加灵活 .

在项目运行在虚拟机上时，都可以看见屏幕上方有一个栏目（下图红框圈出的部分），此为系统默认的

DarkActionBar ，可在 themes.xml 中查看。

1.1 基本框架

<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drawer"
    tools:context=".MainActivity">

        <androidx.appcompat.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            app:navigationIcon="@drawable/ic_baseline_arrow_back_ios_24"
            android:background="@color/teal_200"
            app:title="口袋妖怪"
            app:titleTextColor="@color/white"
            app:menu="@menu/toolbar_menu"
            app:logo="@mipmap/chakan"
            android:gravity="center"
            app:subtitle="绿宝石"/>


</androidx.drawerlayout.widget.DrawerLayout>

1.2 添加工具栏点击事件

package com.wpw.material;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;

import android.os.Bundle;
import android.view.Gravity;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;

import com.google.android.material.floatingactionbutton.FloatingActionButton;
import com.google.android.material.navigation.NavigationView;
import com.google.android.material.snackbar.Snackbar;

public class MainActivity extends AppCompatActivity {

    private Toolbar toolbar;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        toolbar=findViewById(R.id.toolbar);


        toolbar.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(MainActivity.this,toolbar.getTitle(),Toast.LENGTH_LONG).show();

                drawer.openDrawer(GravityCompat.START);
            }
        });

    }
}

1.3 溢出菜单

首先我们在 res 的 menu 目录中创建一个 menu 资源文件 toolbar_menu.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <item
        android:id="@+id/toolbar_user"
        android:icon="@drawable/ic_baseline_person_outline_24"
        android:title="用户"
        app:showAsAction="never"></item>

    <item
        android:id="@+id/toolbar_setting"
        android:icon="@drawable/ic_baseline_settings_24"
        android:title="设置"
        app:showAsAction="never"></item>

    <item
        android:id="@+id/toolbar_add"
        android:icon="@drawable/ic_baseline_add_24"
        android:title="添加"
        app:showAsAction="never"></item>

</menu>

1.4 溢出菜单的点击事件

package com.wpw.material;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import androidx.core.view.GravityCompat;
import androidx.drawerlayout.widget.DrawerLayout;

import android.os.Bundle;
import android.view.Gravity;
import android.view.MenuItem;
import android.view.View;
import android.widget.Toast;

import com.google.android.material.floatingactionbutton.FloatingActionButton;
import com.google.android.material.navigation