8.ToolBar顶栏实现

一、常用属性详解

1.android:layout_width="match_parent"<br />    2.android:layout_height="?attr/actionBarSize"<br />    3.android:background="#ffff00"<br />    4.app:navigationIcon="@drawable/ic_baseline_arrow_back_24"<br />    5.app:title="主标题"<br />    6.app:titleTextColor="#ff0000"<br />    7.app:titleMarginStart="90dp"<br />    8.app:subtitle="子标题"<br />    9.app:subtitleTextColor="#00ffff"<br />    10.app:logo="@mipmap/ic_launcher"

二、ToolBar顶栏实现

1.布局方式的实现

<?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"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <androidx.appcompat.widget.Toolbar
        android:id="@+id/tb_one"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:logo="@mipmap/ic_launcher"
        app:navigationIcon="@drawable/ic_arrow_back_black_24dp"
        app:subtitle="测试子标题"
        app:title="测试标题"
        app:titleMarginStart="90dp"
        app:titleTextColor="#ff0000" />
</LinearLayout>

效果图：<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/1574587/1621948548106-52d4d64a-b6cb-4ec7-bd6c-5f795152c944.png#clientId=ubac03a2a-a9f6-4&from=paste&height=333&id=u220860e4&margin=%5Bobject%20Object%5D&name=image.png&originHeight=333&originWidth=849&originalType=binary&size=76757&status=done&style=none&taskId=udd45043b-bc17-4670-b616-632efb2a9ec&width=849)<br />    2.代码方式的实现

package com.example.mytoolbar;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);      
        Toolbar tb_two = findViewById(R.id.tb_two);
        tb_two.setNavigationIcon(R.drawable.ic_arrow_back_black_24dp);
        tb_two.setTitle("标题");
        tb_two.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
              Toast.makeText(MainActivity.this, "tb_two被点击了", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

效果图：<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/1574587/1621948637645-6e371a7e-a8ae-4512-9073-b92a545a0d8c.png#clientId=ubac03a2a-a9f6-4&from=paste&height=300&id=u0fcacb0c&margin=%5Bobject%20Object%5D&name=image.png&originHeight=300&originWidth=878&originalType=binary&size=58509&status=done&style=none&taskId=ubdabe457-84bb-4ad5-817c-1ccfc87fd8d&width=878)<br />    3.文字居中的实现

<?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"
    tools:context=".MainActivity"
    android:orientation="vertical">
    <androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:navigationIcon="@drawable/ic_arrow_back_black_24dp"
        app:titleMarginStart="90dp"
         >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标题居中测试"
            android:gravity="center"
            android:layout_gravity="center"
            />
    </androidx.appcompat.widget.Toolbar>
</LinearLayout>

效果图：<br />![image.png](https://cdn.nlark.com/yuque/0/2021/png/1574587/1621948713690-28622a7d-0bd1-4b31-a8ff-033532512da9.png#clientId=ubac03a2a-a9f6-4&from=paste&height=324&id=u25e0ee5d&margin=%5Bobject%20Object%5D&name=image.png&originHeight=324&originWidth=832&originalType=binary&size=68235&status=done&style=none&taskId=ud271d24a-90ef-442b-af56-ab22c1d5c15&width=832)