Android开发自定义ToolBar教程

一、取消系统自带ToolBar

二、实现自定义ToolBar的方式

实现ToolBar的方式主要有两种，一是直接在layout中定义，另一种是在代码中设置
activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:orientation="vertical"
    tools:context=".MainActivity"
    android:padding="10dp">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolBar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#ffff00"
        app:navigationIcon="@drawable/ic_baseline_arrow_back_24"
        app:title="@string/app_name"
        app:titleTextColor="#ff0000"
        app:subtitle="zibiaoti"
        app:subtitleTextColor="@color/black"
        app:logo="@drawable/ic_baseline_build_24"
        app:titleMarginStart="10dp"/>

    <androidx.appcompat.widget.Toolbar
        android:layout_marginTop="10dp"
        android:id="@+id/toolBar2"
        android:background="#ffff00"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"/>

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolBar3"
        android:layout_marginTop="10dp"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#ffff00"
        app:navigationIcon="@drawable/ic_baseline_arrow_back_24">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:text="标题页"/>
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="right"/>
    </androidx.appcompat.widget.Toolbar>


</LinearLayout>

MainActivity.java

package com.example.learning01;

import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;

import android.annotation.SuppressLint;
import android.os.Bundle;
import android.util.Log;
import android.view.View;

public class MainActivity extends AppCompatActivity {

    private static final String TAG ="MainActivity";
    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) {
                Log.e(TAG, "onClick: "+ "toolBar");
            }
        });


        Toolbar toolBar2 = findViewById(R.id.toolBar2);
        toolBar2.setNavigationIcon(R.drawable.ic_baseline_arrow_back_24);
        toolBar2.setTitle("ffff");
        toolBar2.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Log.e(TAG, "onClick: "+ "toolBar2");
            }
        });

    }

}

三、效果展示