2. 程式人生 > >Android ToolBar 的簡單封裝

Android ToolBar 的簡單封裝

阿新 • • 發佈：2017-06-24
設置 布局文件 strac ras tor ram margin bst markdown

使用過 ToolBar 的朋友肯定對其使用方法不陌生，由於其使用方法非常easy。假設對 ActionBar 使用比較熟練的人來說。ToolBar 就更easy了！只是，相信大家在使用的過程中都遇到過這樣一個問題，須要在每個我們要使用的 xml 中加入 ToolBar 這個控件，比方我須要在 MainActivity中使用 ToolBar，則他的 xml 文件須要這樣寫，

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
 

    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">

    <android.support.v7.widget.Toolbar
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
 

        android:id="@+id/id_tool_bar"
        android:background="?attr/colorPrimary"
        app:navigationIcon="?attr/homeAsUpIndicator"
        >
    </android.support.v7.widget.Toolbar>
    <TextView
        android:text="@string/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
 
/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="asdfasf"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>

同理其它 Activity 中須要用頁都須要在 xml加入

<android.support.v7.widget.Toolbar
        android:layout_height="?
attr/actionBarSize"
        android:layout_width="match_parent"
        android:id="@+id/id_tool_bar"
        android:background="?attr/colorPrimary"
        app:navigationIcon="?attr/homeAsUpIndicator"
        >
 </android.support.v7.widget.Toolbar>

這樣一段代碼，盡管不多。可是我們最煩的就是寫反復代碼，也不符合我們的編程思想；所以就有了下面寫法

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">

    <include layout="@layout/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?
attr/actionBarSize"
        />
    <TextView
        android:text="@string/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="asdfasf"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>

toolbar.xml的代碼例如以下

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="match_parent">

    <android.support.v7.widget.Toolbar
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:id="@+id/id_tool_bar"
        android:background="?attr/colorPrimary"
        app:navigationIcon="?
attr/homeAsUpIndicator"
        >
    </android.support.v7.widget.Toolbar>
</FrameLayout>

這樣我們僅僅須要在每個我們要使用 toolbar 的 xml 中通過 include 嵌入 toolbar.xml布局即可，感覺和之前的比，確實是少了幾行代碼！可是意義不大。

而我這裏要實現的封裝。是能夠不須要在 xml 中寫一行關於 toolbar 的代碼，也就是跟平時不用 toolbar 一樣的寫法即可！請接著往下看。


前提是準備好toolbar.xml,ToolBarActivity.java,ToolBarHelper.java
toolbar.xml中配置 toolbar 的基本屬性：
toolbar 的寬高，toolbar 的背景顏色等其它樣式
ToolBarActivity.java是所以須要使用 toolbar Activity 的父類，這裏我把他定義為抽象類，由於單獨的這個類不能完畢不論什麽功能
ToolBarHelper.java 是 Activity 和 toolbar 的關聯類

先來看 toolbar.xml的代碼

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="match_parent">
    <android.support.v7.widget.Toolbar
        設置高度為 ActionBar 的高度
        android:layout_height="?attr/actionBarSize"
        android:layout_width="match_parent"
        android:id="@+id/id_tool_bar"
        背景顏色為 ActionBar 的背景顏色
        android:background="?
attr/colorPrimary"
        返回button的圖標
        app:navigationIcon="?attr/homeAsUpIndicator"
        >
    </android.support.v7.widget.Toolbar>
</FrameLayout>

ToolBarActivity.java的內容：主要代碼是在setContentView（int id） 實現

package toolbar.toolbar;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.MenuItem;

/**
 * Created by moon.zhong on 2015/6/12.
 * time : 10:26
 */
public abstract class ToolBarActivity extends AppCompatActivity {
    private ToolBarHelper mToolBarHelper ;
    public Toolbar toolbar ;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
    }

    @Override
    public void setContentView(int layoutResID) {

        mToolBarHelper = new ToolBarHelper(this,layoutResID) ;
        toolbar = mToolBarHelper.getToolBar() ;
        setContentView(mToolBarHelper.getContentView());
        /*把 toolbar 設置到Activity 中*/
        setSupportActionBar(toolbar);
        /*自己定義的一些操作*/
        onCreateCustomToolBar(toolbar) ;
    }

    public void onCreateCustomToolBar(Toolbar toolbar){
        toolbar.setContentInsetsRelative(0,0);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if (item.getItemId() == android.R.id.home){
            finish();
            return true ;
        }
        return super.onOptionsItemSelected(item);
    }
}

ToolBarHelper.java
這個類的功能是：先創建一個 ViewGroup 來作為視圖的父 View，把用戶定義的 View。和 toolBar 依次 Add 到 ViewGroup 中；

package toolbar.toolbar;

import android.content.Context;
import android.content.res.TypedArray;
import android.support.v7.widget.Toolbar;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.FrameLayout;

/**
 * Created by moon.zhong on 2015/6/12.
 * time : 10:45
 */
public class ToolBarHelper {

    /*上下文，創建view的時候須要用到*/
    private Context mContext;

    /*base view*/
    private FrameLayout mContentView;

    /*用戶定義的view*/
    private View mUserView;

    /*toolbar*/
    private Toolbar mToolBar;

    /*視圖構造器*/
    private LayoutInflater mInflater;

    /*
    * 兩個屬性
    * 1、toolbar是否懸浮在窗體之上
    * 2、toolbar的高度獲取
    * */
    private static int[] ATTRS = {
            R.attr.windowActionBarOverlay,
            R.attr.actionBarSize
    };

    public ToolBarHelper(Context context, int layoutId) {
        this.mContext = context;
        mInflater = LayoutInflater.from(mContext);
        /*初始化整個內容*/
        initContentView();
        /*初始化用戶定義的布局*/
        initUserView(layoutId);
        /*初始化toolbar*/
        initToolBar();
    }

    private void initContentView() {
        /*直接創建一個幀布局，作為視圖容器的父容器*/
        mContentView = new FrameLayout(mContext);
        ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
                ViewGroup.LayoutParams.MATCH_PARENT);
        mContentView.setLayoutParams(params);

    }

    private void initToolBar() {
        /*通過inflater獲取toolbar的布局文件*/
        View toolbar = mInflater.inflate(R.layout.toolbar, mContentView);
        mToolBar = (Toolbar) toolbar.findViewById(R.id.id_tool_bar);
    }

    private void initUserView(int id) {
        mUserView = mInflater.inflate(id, null);
        FrameLayout.LayoutParams params = new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        TypedArray typedArray = mContext.getTheme().obtainStyledAttributes(ATTRS);
        /*獲取主題中定義的懸浮標誌*/
        boolean overly = typedArray.getBoolean(0, false);
        /*獲取主題中定義的toolbar的高度*/
        int toolBarSize = (int) typedArray.getDimension(1,(int) mContext.getResources().getDimension(R.dimen.abc_action_bar_default_height_material));
        typedArray.recycle();
        /*假設是懸浮狀態，則不須要設置間距*/
        params.topMargin = overly ? 0 : toolBarSize;
        mContentView.addView(mUserView, params);

    }

    public FrameLayout getContentView() {
        return mContentView;
    }

    public Toolbar getToolBar() {
        return mToolBar;
    }
}

到這裏，toolbar 的簡單封裝就算完畢了。一起來看看封裝之後的效果吧

MainActivity.java

package toolbar.toolbar;

import android.os.Bundle;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;


public class MainActivity extends ToolBarActivity {

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

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
       return true;
    }

}

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@android:color/white">
    <TextView
        android:text="@string/hello_world"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="asdfasf"
        android:layout_alignParentBottom="true"/>
</RelativeLayout>

到這裏我們無論是 MainActivity 還是 activity_main中都沒有出現 ToolBar，僅僅是 MainActivity 不再繼承 AppCompatActivity。而是繼承我們 ToolBarActivity，執行效果看看：
技術分享

ToolBar 的其它使用方法這裏就不講了，跟 ActionBar 使用方法差點兒一樣。

最後：
在使用 ToolBar 的時候，須要使用無 ActionBar 的主題，

    <!-- Base application theme. -->
    <style name="AppThemeParent" parent="Theme.AppCompat.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@android:color/holo_red_light</item>

    </style>

再上一張自己定義 View 的 ToolBar 效果圖：
標題居中，右側能夠加入button
技術分享

源代碼下載

Android ToolBar 的簡單封裝

相關推薦

android Retrofit簡單封裝

package com.dejun.commonsdk.net; import java.util.concurrent.TimeUnit; import okhttp3.OkHttpClient; import okhttp3.logging.HttpLoggingInterceptor; i

Android ToolBar 的簡單封裝

設置 布局文件 strac ras tor ram margin bst markdown 使用過 ToolBar 的朋友肯定對其使用方法不陌生，由於其使用方法非常easy。假設對 ActionBar 使用比較熟練的人來說。ToolBar 就更easy了

我的Android進階之旅------&gt;Android關於Log的一個簡單封裝

eight ron track 100% oid content amp 嚴重 center android.util.Log類，能夠方便地用於在編碼調試過程中打印日誌。可是在公布後的產品中，假設有太多的日誌打印。則會嚴重地影響性能。對android.util.Lo

Android recyclerView的簡單封裝

1.編寫BaseRvViewHolder public class BaseRvViewHolder extends RecyclerView.ViewHolder { public SparseArray<View> arrayViews; public Conte

Android之提交資料到服務端方法簡單封裝

在Android應用中，除了單機版的應用，其餘的應用免不了需要頻繁地與服務端進行資料互動，如果每一種方法都獨立寫一段程式碼，那會造成程式碼大量重複，冗餘，這不是我們所希望的，所以我們可以對其進行一些封裝，這樣不但可以提高程式碼質量，最重要的是我們自己用起來也爽啊。 首先，我們先建立個webservice資料

Android自定義網路資料載入等待框的簡單封裝

先上效果圖(在5.0以上機型顯示效果,如果是4.0會變為灰色): 自定義Dialog如下: public class LoadingCustom extends Dialog{ pr

Android 客戶端Socket 實現及簡單封裝。

Socket,客戶端實現。先下載SocketTools工具，以便測試。 第一次用，沒有寫到的，請指出。首先 建個類，然後寫方法。。。。。。調皮了。。直接來 TCP UDP 連線 public class SocketClient { private

Android 網路訪問框架retrofit2，okhttp3之簡單封裝，kotlin原始碼

本文章需要用到的引用//okhttp compile 'com.squareup.okhttp3:okhttp:3.8.0' //retrofit compile 'com.squareup.retrofit2:retrofit:2.3.0' //rxjava compile

Android-萬能 Adapter 封裝（實現textview,imageView 的簡單封裝，封裝 jar 包）

1.回顧   上篇學習了 圖片預覽的實現（自定義imageview實現）；最後 封裝為jar包，方便使用； 2.重點   （1）ViewHolder封裝   （2）CommonAdapter封裝   （3）呼叫 3.背景   在Android 中，不管是 listview

Android-PickerView的簡單封裝與使用

前言：這是一款仿iOS的PickerView控制元件，有時間選擇器和選項選擇，支援年月日時分，年月日，時分等格式。 主要目的：百度上有非常多寫這個開源專案的用法，不過大多數都是照搬github上面複製過來的，少有人說明該如何設定三級聯動的資料來源，這裡將身高、

Android Broadcast 做的簡單封裝：

   在開發過程中，突然發現廣播的使用非常的多，因此作出如下三步使用流程，並封裝一個BoradcastManager類：  1 、在任何地方傳送廣播 BroadcastManager.getInstance(mContext).sendBroadcast(FindOrde

Android----------OkHttp網路請求框架Get和Post簡單封裝（泛型）

請求框架的類： OkHttp依賴： compile 'com.squareup.okhttp3:okhttp:3.8.1' RecyclerView依賴： compile 'com.android.support:recyclerview-v7:26.0.0-alpha1

Android APP更新下載工具類——簡單封裝DownloadManager

幾乎所有APP都包含了檢查更新功能，更新下載功能的實現方式常用的有兩種：1、使用App網路框架的檔案下載請求；2、使用自帶的DownloadManager類；本文介紹第二種，簡單封裝一下DownloadManager進行下載更新。重要宣告：本文嚴格意義上來說並非原創，參考了

Android網路程式設計之一：原生網路訪問簡單封裝

前言：轉眼間2017了，去年給自己定的一週一篇部落格被拖成了一月一篇，後來忙著找工作也荒廢了。竟然還被CSDN部落格之星提名，又點燃了擼部落格的激情。 作為一個android codder，網略訪問基本上在專案中都會用到，常用的獲取JSON資料、下載檔案(

android Sqlite的簡單封裝和使用

SQLiteOpenHelper的建立 如果想通過類繼承了SQLiteOpenHelper,然後一次建立多個表，是不能在其它類中連續呼叫建立表的,第二張表是不能夠被建立的，必須要在Helper的類中建立，就是在onCreate時建立表。 以下程式碼抽取程式中的部分程式碼，

Android網路請求Retrofit2+Rxjava2+Okhttp3的簡單封裝

前言：Retrofit2+Rxjava2+Okhttp3的網路請求框架無疑是當前最流行的網路請求方式，retrofit負責請求的資料結果，rxjava負責執行緒間的排程，okhttp負責資料請求的過程，Retrofit2+Rxjava2+Okhttp3三者完美的切合使得其功能

Android 簡單封裝一個精美、好用的選單型PopupWindow

先上效果圖： 就是這樣一個選單型的PopupWindow，現在說下是怎麼弄的， 先看一個佈局檔案，這個佈局檔案 package cn.edu.jxufe.popupwindowdemo; import android.content.Contex

java 接口自動化測試之數據請求的簡單封裝

public 事業 交互界面 參數 lencod name route cli asi 我們自己用java寫接口自動化測試框架或者做個接口自動化測試平臺的話,是需要自己進行相關的請求的,因此我們需要簡單的封裝下httpclient,我新建了一個http工具類,將

最詳細的 Android Toolbar 開發實踐總結（轉）

activity resource listener nba flat xmlns mat https ons 轉自：http://www.codeceo.com/article/android-toolbar-develop.html 過年前發了一篇介紹 Transluc

Android ToolBar 使用完全解析

都是 主題 image 需要 oid primary 調用 blank ast ToolBar簡介 ToolBar是Android 5.0推出的一個新的導航控件用於取代之前的ActionBar，由於其高度的可定制性、靈活性、具有Material Design風格等優點，