Toolbar的使用以及自定义Toolbar的方法

最新推荐文章于 2024-08-16 14:38:15 发布

yanwenmuc

最新推荐文章于 2024-08-16 14:38:15 发布

阅读量4.8k

点赞数 1

分类专栏： android 文章标签： android Toolbar

本文链接：https://blog.csdn.net/yanwenmuc/article/details/52539427

版权

本文介绍了Android 5.0后引入的Toolbar组件的使用方法，包括基本配置、自定义Toolbar的步骤，并提供了相关代码示例。内容涵盖设置背景色、导航图标、标题和副标题，以及自定义Toolbar时添加TextView和ImageButton的操作。

摘要由CSDN通过智能技术生成

android5.0以后出现了Toolbar，今天折腾了一下，在此做个记录方便以后查看，同时也给有需要的朋友们参考！！！！！很惭愧只做了一点微小的工作。

下面将完成两个方面的工作：

一、ToolBar的基本使用，如下是效果图：

二、自定义ToolBar，如下是效果图：

一、Toolbar的基本使用

1、新建工程后在activity_main.xml布局中添加如下代码：

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true"
    tools:context="com.gta.yanwen.hellotoolbar.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="?attr/colorAccent"
            app:navigationIcon="@mipmap/left_arrow_icon"
            app:logo="@mipmap/ic_launcher"
            app:title="Title"
            app:subtitle="SubTitle"
            />
    </android.support.design.widget.AppBarLayout>

</android.support.design.widget.CoordinatorLayout>

这是个主布局，根布局我们先不管，也可用RelativeLayout，主要看看AppBarLayout和Toolbar这两个view，AppBarLayout定义Toolbar所在的布局，设置了android:theme属性，这个属性是设置Toolbar的主题，主要是文字和背景等一些属性的集合，若不设置theme这个属性也可以通过?attr/color设置某个部位的单独属性。

AppBarLayout布局里面包含了ToolBar这个布局，来一个个分析她的属性：

android:background 设置toolbar的背景颜色

android:navigationIcon 设置toolbar最左边的按钮图标

app:logo