Toolbar 使用

Toolbar是在 Android 5.0 開始推出的一個 Material Design 風(fēng)格的導(dǎo)航控件 ,Google 非常推薦大家使用 Toolbar 來作為Android客戶端的導(dǎo)航欄,以此來取代之前的 Actionbar 。它可以用來

  1. 設(shè)置導(dǎo)航欄圖標;
  2. 設(shè)置App的logo;
  3. 支持設(shè)置標題和子標題;
  4. 支持添加一個或多個的自定義控件;
  5. 支持Action Menu;

Toolbar使用

第一步:1.去除系統(tǒng)自帶 actionBar

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
</style>

第二步:布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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:orientation="vertical">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        />

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recycler_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        />
</LinearLayout>

這里說明一下,使用5.0控件屬性時要再加個命名控件

xmlns:app="http://schemas.android.com/apk/res-auto"

app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light"

菜單與文字都是白色

第三步代碼結(jié)合

代碼很簡單:

mToolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(mToolbar);
Paste_Image.png

運行代碼 Toolbar 就顯示出來了。

//mToolbar.setNavigationIcon(R.mipmap.ic_list_white);//設(shè)置導(dǎo)航欄圖標
//mToolbar.setLogo(R.mipmap.ic_launcher);//設(shè)置app logo
//mToolbar.setTitle("5.0Title");//設(shè)置主標題
//mToolbar.setSubtitle("5.0Subtitle");//設(shè)置子標題

action menu 菜單項

在menu文件夾下新建main_menu.xml

<menu xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/ab_search"
        android:orderInCategory="80"
        android:title="action_search"
        app:actionViewClass="android.support.v7.widget.SearchView"
        app:icon="@mipmap/ic_search_white_24dp"
        app:showAsAction="ifRoom"/>
    <item
        android:id="@+id/action_share"
        android:orderInCategory="90"
        android:title="action_share"
        app:actionProviderClass="android.support.v7.widget.ShareActionProvider"
        app:icon="@mipmap/ic_share_white_24dp"
        app:showAsAction="ifRoom"/>
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="action_settings"
        app:icon="@mipmap/ic_more_vert_white"
        app:showAsAction="never"/>
</menu>

android:showAsAction?!∵@個屬性可接受的值有:
1.alaways:這個值會使菜單項一直顯示在ActionBar上。    
2.ifRoom:如果有足夠的空間,這個值會使菜單顯示在ActionBar上。    
3.never:這個值菜單永遠不會出現(xiàn)在ActionBar是。    
4.withText:這個值使菜單和它的圖標,菜單文本一起顯示。

復(fù)寫onCreateOptionsMenu方法

@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;
}

復(fù)寫onOptionsItemSelected方法監(jiān)聽點擊事件

 @Override
public boolean onOptionsItemSelected(MenuItem item) {
    switch (item.getItemId()) {
       
    }

    return super.onOptionsItemSelected(item);
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容