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