android中的ActionBar和ToolBar

1、ToolBar

一、概述

Google在2015的IO大會上發佈了系列的Material Design風格的控件。其中ToolBar是替代ActionBar的控件。因爲ActionBar在各個安卓版本和定製Rom中的效果表現不一,致使嚴重的碎片化問題,ToolBar應運而生。html

與ActionBar區別
顯示效果跟ActionBar並無區別。
優勢:自定義視圖的操做更加簡單,狀態欄的顏色能夠調(Android 4.4以上)。java

二、使用方法

2.1 導包(配置Gradle)

compile 'com.android.support:appcompat-v7:22.0.0'

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

<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>

注意:務必將ActionBar消除,不然Activity將會崩潰android

2.3 重定義主題(顏色等信息)

Android 4.4及以上,在values文件夾中新建values-v19.xml,內容以下api

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <!--Toolbar顏色-->
        <item name="colorPrimary">@android:color/holo_blue_bright</item>
        <!-- 狀態欄顏色 -->
        <item name="colorPrimaryDark">@android:color/holo_blue_bright</item>
        <item name="android:windowTranslucentNavigation">true</item>
        <item name="android:windowTranslucentStatus">true</item>
    </style>
</resources>

Android 4.4如下:app

<resources>
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="android:windowNoTitle">true</item>
        <!--Toolbar顏色-->
        <item name="colorPrimary">@color/Indigo_colorPrimary</item>
    </style>
</resources>

2.4 ToolBarxml文件中定義

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

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

2.5 java代碼中實現

private Toolbar mToolbar;  
   private WebFragment mWebFragment;  
   private long mBeforeTime;  
   @Override  
   protected void onCreate(Bundle savedInstanceState) {  
       super.onCreate(savedInstanceState);  
       setContentView(R.layout.activity_main);
       if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {  //版本檢測
           SystemBarTintManager tintManager = new SystemBarTintManager(this);  
           mToolbar = (Toolbar) findViewById(R.id.toolbar);  
           tintManager.setStatusBarTintEnabled(true);  //更改狀態欄設置
           setSupportActionBar(mToolbar);  //將ToolBar設置成ActionBar
           tintManager.setStatusBarTintResource(android.R.color.holo_blue_bright);  
       }  
       getSupportActionBar().setHomeButtonEnabled(true); //設置返回鍵可用  
       getSupportActionBar().setDisplayHomeAsUpEnabled(true);  
}

2.6 參考文章

http://blog.csdn.net/qq284565035/article/details/47086439
http://www.itstrike.cn/Question/9ae75549-b316-4844-938e-c22c0f4e6692.html佈局

2、ActionBar

一、概述

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按鈕gradle

二、使用方法

2.1低版本(API11)

開發API11如下的程序,首先必須在AndroidManifest.xml中指定Application或Activity的theme是Theme.Holo或其子類,不然將沒法使用ActionBar。ui

2.1建立Actions

相似於Menu便可在java代碼中添加,也可在xml文件中添加。下面貼上xml代碼:

<menu xmlns:android="http://schemas.android.com/apk/res/android" >  
        <item  
            android:id="@+id/action_refresh"  
            android:orderInCategory="100"  
            android:showAsAction="always"  
            android:icon="@drawable/ic_action_refresh"  
            android:title="Refresh"/>  
        <item  
            android:id="@+id/action_settings"  
            android:title="Settings">  
        </item>  
    </menu>

說明:

  • showAsAction屬性(定義每一個Action是如何顯示的)
    • always表示永遠顯示在ActionBar中,若是屏幕空間不夠則沒法顯示
    • ifRoom表示屏幕空間夠的狀況下顯示在ActionBar中,不夠的話就顯示在overflow中
    • never則表示永遠顯示在overflow中

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

@Override  
    public boolean onCreateOptionsMenu(Menu menu) {  
        MenuInflater inflater = getMenuInflater();  
        inflater.inflate(R.menu.mainmenu, menu);  
        return true;  
    }

2.2 Action的按鈕交互

若是一個Action被單擊,對於activity中的onOptionsItemSelected()將被調用。

@Override  
    public boolean onOptionsItemSelected(MenuItem item) {  
        switch (item.getItemId()) {  
        // action with ID action_refresh was selected  
        case R.id.action_refresh:  
            Toast.makeText(this, "Refresh selected", Toast.LENGTH_SHORT).show();  
            break;  
        // action with ID action_settings was selected  
        case R.id.action_settings:  
            Toast.makeText(this, "Settings selected", Toast.LENG).show();  
            break;  
        default:  
            break;  
        }  
        return true;  
    }

說明:
onCreateOptionsMenu()只會被調用一次。若想改變Menu,能夠調用invalidateOptionsMenu(),這會使onCreateOptionsMenu()將會再次被調用。

三、自定義ActionBar

3.1隱藏與顯現

ActionBar actionBar = getActionBar();  
    actionBar.hide();  
    // more stuff here...  
    actionBar.show();

3.2改變title

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

3.3隱藏導航

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

3.4使用全屏模式

對於Android 4.4 (API 19)應用程序可使用全屏模式,代碼以下

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

3.4使用Split action bar

啓用split action bar可在

AndroidManifest.xml中定義android:uiOptions="SplitActionBarWhenNarrow"
參閱http://blog.csdn.net/lsdmx2016/article/details/17415911

四、在Fragment中給action bar添加action

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

五、動態設置action bar

5.1自定義View

actionBar.setCustomView(R.layout.actionbar_view);  
    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.1使用程序圖標做爲home icon

Action Bar的左側圖標稱爲home icon,可爲這個圖標設置一個Action。推薦作法是當按了這個圖標,返回到Home Activity中。

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

在onOptionsMenuItemSelected() 中使用android.R.id.home並啓用actionbar的HomeIcon
    case android.R.id.home:

參考文章:
一、http://blog.csdn.net/bigconvience/article/details/28886241

特別說明

一、AndroidStudio中按照默認的Activity啓動時,不顯示ActionBar的問題
在Eclipse新建一個MainActivity extends Activity時,可以正常顯示ActionBar,如圖:

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

但在AS中extends ActionBarActivity,可以正常顯示ActionBar,可是會顯示該類過期

推薦使用extends AppCompatActivity

一樣的代碼在Eclipseh和Android Studio中會出現較大差別,須要區別對待。
AppCompatActivity是爲了兼容性考慮!形成這種差別的緣由是主題的問題!!!
在主題方面,還有不少不懂,從此增強學習

(參考文章:http://m.blog.csdn.net/article/details?id=46858249)

相關文章
相關標籤/搜索