ActionBar、TitleBar、ToolBar的聯系和差別

感謝原創

一、ToolBar

1、概述

Google在2015的IO大會上釋出了系列的Material Design風格的控件。其中ToolBar是替代ActionBar的控件。由于ActionBar在各個安卓版本和定制Rom中的效果表現不一，導緻嚴重的碎片化問題，ToolBar應運而生。

與ActionBar差別

顯示效果跟ActionBar并沒有差別。

優點：自定義視圖的操作更加簡單，狀态欄的顔色可以調（Android 4.4以上）。

2、使用方法

2.1 導包(配置Gradle)

2.2 在AndroidManifest.xml設定此Activity的主題

1. <item name="windowActionBar">false</item>
2. <item name="windowNoTitle">true </item>

注意：務必将ActionBar消除，否則Activity将會崩潰

2.3 重定義主題(顔色等資訊)

Android 4.4及以上，在values檔案夾中建立values-v19.xml，内容如下

1. <resources>
2. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
3. <item name="windowActionBar"> false </item>
4. <item name="android:windowNoTitle"> true </item>
5. <!--Toolbar顔色-->
6. <item name="colorPrimary"> @android:color/holo_blue_bright </item>
7. <!-- 狀态欄顔色 -->
8. <item name="colorPrimaryDark"> @android:color/holo_blue_bright </item>
9. <item name="android:windowTranslucentNavigation"> true </item>
10. <item name="android:windowTranslucentStatus"> true </item>
11. </style>
12. </resources>

Android 4.4以下：

1. <resources>
2. <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
3. <item name="windowActionBar"> false </item>
4. <item name="android:windowNoTitle"> true </item>
5. <!--Toolbar顔色-->
6. <item name="colorPrimary"> @color/Indigo_colorPrimary </item>
7. </style>
8. </resources>

2.4 ToolBarxml檔案中定義

1. <?xml version="1.0" encoding="utf-8"?>
2. <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
3. android:id = "@+id/toolbar"
4. android:layout_height = "wrap_content"
5. android:layout_width = "match_parent"
6. android:background = "?attr/colorPrimary" //設定 toolbar 的背景顔色
7. android:minHeight = "?android:attr/actionBarSize" > <!-- 最小高度 -->
8. </android.support.v7.widget.Toolbar>

android:fitsSystemWindows="true" 防止ToolBar與StatusBar融合

2.5 java代碼中實作

1. private Toolbar mToolbar;
2. private WebFragment mWebFragment;
3. private long mBeforeTime;
4. @Override
5. protected void onCreate(Bundle savedInstanceState) {
6. super.onCreate(savedInstanceState);
7. setContentView(R.layout.activity_main);
8. if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) { //版本檢測
9. SystemBarTintManager tintManager = new SystemBarTintManager( this);
10. mToolbar = (Toolbar) findViewById(R.id.toolbar);
11. tintManager.setStatusBarTintEnabled( true); //更改狀态欄設定
12. setSupportActionBar(mToolbar); //将ToolBar設定成ActionBar
13. tintManager.setStatusBarTintResource(android.R.color.holo_blue_bright);
14. }
15. getSupportActionBar().setHomeButtonEnabled( true); //設定傳回鍵可用
16. getSupportActionBar().setDisplayHomeAsUpEnabled( true);
17. }

2.6 參考文章

http://blog.csdn.net/qq284565035/article/details/47086439

http://www.itstrike.cn/Question/9ae75549-b316-4844-938e-c22c0f4e6692.html

二、ActionBar

1、概述

ActionBar位于Activity的頂部，可用來顯示activity的标題、Icon、Actions和一些用于互動的View。它也可被用于應用的導航。

ActionBar 是在Android 3.0(API 11）中加入到SK中的，想在低版本中使用ActionBar有兩種選擇：使用http://actionbarsherlock.com 或使用Support Library v7。

圖示：

其中，[1]是ActionBar的圖示，[2]是兩個action按鈕，[3]是overflow按鈕

2、使用方法

2.1低版本（API11）

開發API11以下的程式，首先必須在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子類，否則将無法使用ActionBar。

2.1建立Actions

類似于Menu即可在java代碼中添加，也可在xml檔案中添加。下面貼上xml代碼：

1. <menu xmlns:android="http://schemas.android.com/apk/res/android" >
2. <item
3. android:id = "@+id/action_refresh"
4. android:orderInCategory = "100"
5. android:showAsAction = "always"
6. android:icon = "@drawable/ic_action_refresh"
7. android:title = "Refresh" />
8. <item
9. android:id = "@+id/action_settings"
10. android:title = "Settings" >
11. </item>
12. </menu>

說明：

• showAsAction屬性（定義每個Action是如何顯示的）
  • always表示永遠顯示在ActionBar中，如果螢幕空間不夠則無法顯示
  • ifRoom表示螢幕空間夠的情況下顯示在ActionBar中，不夠的話就顯示在overflow中
  • never則表示永遠顯示在overflow中

在java代碼中,通過重寫onCreateOptionsMenu，以使用上面的menu

1. @Override
2. public boolean onCreateOptionsMenu(Menu menu) {
3. MenuInflater inflater = getMenuInflater();
4. inflater.inflate(R.menu.mainmenu, menu);
5. return true;
6. }

2.2 Action的按鈕互動

如果一個Action被單擊，對于activity中的onOptionsItemSelected()将被調用。

1. @Override
2. public boolean onOptionsItemSelected(MenuItem item) {
3. switch (item.getItemId()) {
4. // action with ID action_refresh was selected
5. case R.id. action_refresh:
6. Toast.makeText( this, "Refresh selected", Toast.LENGTH_SHORT).show();
7. break;
8. // action with ID action_settings was selected
9. case R.id. action_settings:
10. Toast.makeText( this, "Settings selected", Toast.LENG).show();
11. break;
12. default:
13. break;
14. }
15. return true;
16. }

說明：

onCreateOptionsMenu()隻會被調用一次。若想改變Menu，可以調用invalidateOptionsMenu()，這會使onCreateOptionsMenu()将會再次被調用。

3、自定義ActionBar

3.1隐藏與顯現

1. ActionBar actionBar = getActionBar();
2. actionBar.hide();
3. // more stuff here...
4. actionBar.show();

3.2改變title

1. ActionBar actionBar = getActionBar();
2. actionBar.setSubtitle( "mytest");
3. actionBar.setTitle( "vogella.com");

3.3隐藏導航

getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_HIDE_NAVIGATION);

3.4使用全屏模式

對于Android 4.4 (API 19)應用程式可以使用全屏模式，代碼如下

1. // This method hides the system bars and resize the content
2. private void hideSystemUI() {
3. getWindow().getDecorView().setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
4. | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION // hide nav bar
5. | View.SYSTEM_UI_FLAG_FULLSCREEN // hide status bar
6. // remove the following flag for version < API 19
7. | View.SYSTEM_UI_FLAG_IMMERSIVE);
8. }

3.4使用Split action bar

啟用split action bar可在

AndroidManifest.xml中定義android:uiOptions="SplitActionBarWhenNarrow"

參閱http://blog.csdn.net/lsdmx2016/article/details/17415911

4、在Fragment中給action bar添加action

在onCreate()中調用 setHasOptionsMenu(true)。Android Framework會調用Fragement中的onCreateOptionsMenu()來向Activity的Menu中添加item。

5、動态設定action bar

5.1自定義View

1. actionBar.setCustomView(R.layout.actionbar_view);
2. EditText search = (EditText) actionBar.getCustomView().findViewById(R.id.searchfield);

5.2Action View（示例見參考文章）

Action View控件可以替換Action bar的Action按鈕圖示。可以利用這個特點将某個Action項替換成一個ProgressBar。可通過android:actionLayout或android:actionViewClass來定義一個布局檔案或Widg來作為Action的action view。

5.3Action Provider（示例見參考文章）

Action Provider提供了在單個元件裡提供多種互動方式的方法。它可以用來建立action view，動态彈出子menu，處理action調用事件。基類為ActionProvider

目前Android平台提供兩種action provider：MediaRouteActionProvider和ShareActionProvider。

下面以一個例子計算ShareActionProvider的用法。使用這個action provider可以讓程式從注冊了Intent.ACTION_SEND的Intent中擷取。

6、使用程式圖示導航

6.1使用程式圖示作為home icon

Action Bar的左側圖示稱為home icon，可為這個圖示設定一個Action。推薦做法是當按了這個圖示，傳回到Home Activity中。

actionBar.setHomeButtonEnabled(true);//或者使用actionBar.setDisplayHomeAsUpEnabled(true);

1. 在 onOptionsMenuItemSelected() 中使用 android .R .id .home并啟用 actionbar的 HomeIcon
2. case android .R .id .home:

參考文章：

1、http://blog.csdn.net/bigconvience/article/details/28886241

特别說明

1、AndroidStudio中按照預設的Activity啟動時，不顯示ActionBar的問題

在Eclipse建立一個MainActivity extends Activity時，能夠正常顯示ActionBar，如圖：

但在AS中extends Activity，不顯示ActionBar，如圖

但在AS中extends ActionBarActivity，能夠正常顯示ActionBar，但是會顯示該類過時

推薦使用extends AppCompatActivity

同樣的代碼在Eclipseh和Android Studio中會出現較大差異，需要差別對待。

AppCompatActivity是為了相容性考慮！造成這種差異的原因是主題的問題！！！

在主題方面，還有很多不懂，今後加強學習

ToolBar的使用

ActionBar

ActionBar 是android 3.0的推出的，當時Google 想要逐漸改善過去 android 紛亂的界面設計，希望讓終端使用者盡可能在 android 手機有個一緻的操作體驗。ActionBar 過去最多人使用的兩大套件就是 ActionBarSherlock 以及官方提供在 support library v 7 裡的 AppCompat。

Action bar被包含在所有的使用Theme.Hole主題的Activity（或者是這些Activity的子類）中。

删除actionbar

如果不想用ActionBar，那麼隻要在theme主題後面" .NoActionBar", 就可以了。

由于現在用的不多了，是以就一帶而過了。

Toolbar

Toolbar 是android 5.0的推出的，放在了v7包中作為控件，它是為了取代actionbar而産生的，意味着官方在某些程度上認為 ActionBar 限制了 android app 的開發與設計的彈性，而在 material design 也對之做了名稱的定義：App bar。

簡單使用

布局

1. <android .support .v7 .widget .Toolbar
2. android:id= "@+id/toolbar"
3. android:layout_width= "match_parent"
4. android:layout_height= "?attr/actionBarSize"
5. android: background = "?attr/colorPrimary"
6. app:popupTheme= "@style/ThemeOverlay.AppCompat.Light"
7. app:layout_scrollFlags= "scroll|enterAlways" />

代碼

1. Toolbar toolbar = ( Toolbar) findViewById( R.id.toolbar) ;
2. setSupportActionBar( toolbar) ;

setSupportActionBar 設定，Toolbar即能取代原本的 actionbar 了

截圖說明一下：

toolbar.png

其他詳細的使用，可以看推薦的下面文章, 已經寫的很好了:

android：ToolBar詳解（手把手教程）

Theme的背景顔色等的詳細，如下：

使用 colorPrimary 來給你的 App Bar 上色

StatusBar TitleBar、ActionBar、ToolBar之間的關系

StatusBar,也就是狀态欄：它處于螢幕的最頂部，正常情況下它是顯示的，它和TitleBar和ActionBar之間沒有直接的關系。 

1.如果想在應用中隐藏他的話，可以通過下面的方式：

2.如果想擷取它的高度，通過以下方式： 

TitleBar，也就是标題欄,它緊挨狀态欄的下面，正常情況下它的布局和主題樣式都是使用系統定義好的，且預設情況下隻顯示圖示和文本。 

1.如果你想改變它的布局和主題樣式可以通過下面的方式:

注意的是1.上面代碼的執行順序不能變2.通過上面的代碼不能設定标題欄的大小和背景（但是可以自定義主題樣式） 

2.如果想擷取它的高度，可以通過以下方式：

int contentTop = getWindow().findViewById(Window.ID_ANDROID_CONTENT).getTop(); 

//statusBarHeight是上面狀态欄的高度 

int titleBarHeight = contentTop - statusBarHeight;

ActionBar，也就是操作欄，它是Android3.0以後引入SDK的，通過它去取代之前标題欄，它和标題欄一樣緊挨狀态欄的下面，關于他的詳情ActionBar的基本用法