组合控件——顶部导航栏——工具栏Toolbar

 

 

 

工具栏位于页面顶部，引入工具栏的步骤如下：

（1）在styles.xml中定义一个不包含ActionBar的风格样式；

（2）给activity节点添加android:theme属性，并将属性值设为第一步定义的风格；

（3）将活动页面的XML文件根节点改成LinearLayout，且为vertical垂直方向，然后增加一个Toolbar节点

（4）打开活动页面的Java代码，在onCreate方法中获取布局文件中的Toolbar对象，并调用setSupportActionBar方法设置当前的Toolbar对象；

 

 

 

 

 

 

 

 

 

 

 

 

 

布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/tl_head"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:orientation="vertical"
        android:padding="5dp">

        <TextView
            android:id="@+id/tv_desc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="@color/black"
            android:textSize="17sp"
            android:text="该页面演示工具栏功能" />
    </LinearLayout>

</LinearLayout>

 

 

 

 

 

 

 

 

 

 

代码：

package com.example.myapplication;

import android.graphics.Color;
import android.os.Bundle;
import android.view.View;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;

public class MainActivity extends AppCompatActivity
{
    private final static String TAG = "ToolbarActivity";

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

        Toolbar tl_head = findViewById(R.id.tl_head); // 从布局文件中获取名叫tl_head的工具栏

        tl_head.setTitle("工具栏页面"); // 设置工具栏的标题文本

//        setSupportActionBar(tl_head); // 使用tl_head替换系统自带的ActionBar

        tl_head.setTitleTextColor(Color.RED); // 设置工具栏的标题文字颜色

        tl_head.setLogo(R.drawable.ic_app); // 设置工具栏的标志图片

        tl_head.setSubtitle("Toolbar"); // 设置工具栏的副标题文本

        tl_head.setSubtitleTextColor(Color.YELLOW); // 设置工具栏的副标题文字颜色

        tl_head.setBackgroundResource(R.color.blue_light); // 设置工具栏的背景

        tl_head.setNavigationIcon(R.drawable.ic_back); // 设置工具栏左边的导航图标

        // 给tl_head设置导航图标的点击监听器
        // setNavigationOnClickListener必须放到setSupportActionBar之后，不然不起作用
        tl_head.setNavigationOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                finish(); // 结束当前页面
            }
        });
    }

}

 

 

 

 

 

 

 

 

 

 

PS：我这里直接用的，因为demo不支持5以下sdk。