android的自定义toolbar

以前的actionbar已经不再流行使用，现在的toolbar，可以更加人性化的满足需求，简单的叙述一下吧。

既然我们要使用toolbar。那么我在先在styles.xml中，将AppTheme修改成noActionbar，修改我们应用的主题，使用toolbar主题。

<!-- 修改应用的主题，NoActionBar主题，使用toolbar-->
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <!-- Customize your theme here. -->
    <item name="colorPrimary">@color/colorPrimary</item>
    <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
    <item name="colorAccent">@color/colorAccent</item>
</style>

然后自定义我们的toolbar.xml，也就是我们的自定义的toolbar的布局：

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary"
    android:minHeight="?attr/actionBarSize">

    <ImageView
        android:id="@+id/home_btn"
        android:layout_width="37dp"
        android:layout_height="37dp"
        android:layout_gravity="left"
        android:layout_marginLeft="10dp"
        android:background="@mipmap/home_btn" />

    <TextView
        android:id="@+id/toolbar_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="left"
        android:layout_marginLeft="10dp"
        android:text="num"
        android:textColor="#fff"
        android:textSize="16dp"
        android:visibility="gone" />

    <TextView
        android:id="@+id/toolbar_title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_gravity="center"
        android:text="@string/forget_pwd"
        android:textColor="@android:color/white"
        android:textSize="18sp" />


    <TextView
        android:id="@+id/toolbar_edit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:layout_marginRight="10dp"
        android:text="帮助"
        android:textColor="#fff"
        android:textSize="16sp" />

</android.support.v7.widget.Toolbar>

这样，可以看到我们实现后的xml的布局效果如下图所示：

   

这只是将我们的toolbar给封装好了，然后我们以后用到的toolbar，在不同的界面是显示不同的toolbar的，所以，上面的toolbar.xml可以说是我们的一个toolbar的模板。然后我们如果有需要toolbar的界面，只需要将这个已经封装好的toolbar.xml这个布局，include进去就OK啦。废话不多说，具体的引用界面的xml部分如下所示：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:focusable="true"
    android:focusableInTouchMode="true"
    android:orientation="vertical">

    <include
        android:id="@+id/toolbar"
        layout="@layout/toolbar" />
</LinearLayout>

首先我们在用到toolbar的界面是先include我们自定义的toolbar，如果还有别的控件，你在include的下面可以继续添加。这里不做多余的解释了。

布局结束后，我们就要对我们这个界面用到的toolbar，用代码的方式，进行修改，然后让不同的界面，显示不同的toolbar，但是用到是同一个模板。

具体的修改代码如下：

首先，将我们要修改的两个部分声明。

private TextView tool_title, tool_edit;

声明以后，如果要对这俩textview进行修改，就需要获取资源，然后对其进行修改，那么获取资源的方法就如下：

View view = (View) findViewById(R.id.toolbar);

首先，获取到toolbar的资源，这个id就是我们include这个toolbar的id。

然后，还需要获取到toolbar下面的组件，也就是include下的两个textview。获取方法如下：

tool_edit = (TextView) view.findViewById(R.id.toolbar_edit);
tool_title = (TextView) view.findViewById(R.id.toolbar_title);

对其进行修改：

tool_title.setText("重置密码");
tool_edit.setVisibility(View.GONE);

还可以设置点击事件，既然获取到资源了，那么点击事件的监听什么的也就很简单了。

修改后自己可以运行看一下我们实现后的效果。是不是比以前的actionbar更加的方便了。