第一步:就是要確保你的Activity要繼承自AppCompatActivity
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
第二步:要做的就是隱藏掉默認(rèn)的ToolBar,方法很簡單,有兩種。
- 可以修改主題
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity
android:name=".MainActivity"
android:theme="@style/AppTheme.NoActionBar"
android:icon="@mipmap/ic_launcher"
android:label="ACTIONBAR"
>
<intent-filter>
<action android:name="android.intent.action.MAIN" />
</intent-filter>
</activity>
</application>
從上面的代碼可以看到application的主題是默認(rèn)主題,mainactivity的主題則是修改的主題,修改主題樣式的代碼如下:
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<style name="AppTheme.NoActionBar" parent="Theme.AppCompat.Light.NoActionBar">
<item name="colorPrimary">@color/DodgerBlue</item>
<item name="colorPrimaryDark">@color/RoyalBlue</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
</style>
</resources>
- java代碼隱藏
ActionBar actionBar = getSupportActionBar();
actionBar.hide(); //隱藏ActionBar
actionBar.show(); //顯示ActionBar
第三步:在布局中加入ToolBar
<android.support.v7.widget.Toolbar
android:id="@+id/main_toolbar"
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:elevation="20dp"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
</android.support.v7.widget.Toolbar>
這里popupTheme的樣式也可以自己修改,如讓popupmenu顯示在actionbar下方:
<style name="ToolbarPopupTheme" parent="@style/ThemeOverlay.AppCompat.Light">
<item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item> <!--新增一個item,用于控制menu-->
</style>
<style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
<item name="overlapAnchor">false</item> <!--把該屬性改為false即可使menu位置位于toolbar之下-->
</style>
在 Activity 的 onCreate()方法中,調(diào)用 Activity 的setSupportActionBar()方法,然后傳遞 Activity 的工具欄。該方法會將工具欄設(shè)置為 Activity 的應(yīng)用欄。
Toolbar toolbar = (Toolbar) findViewById(R.id.main_toolbar);
setSupportActionBar(toolbar);
第四步:toolBar添加一些操作
在資源文件夾中創(chuàng)建menu文件夾,新建一個xxxx.xml(test.xml)添加如下代碼:
<?xml version="1.0" encoding="utf-8"?>
<menu
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/action_favorite"
android:icon="@mipmap/ic_launcher"
android:title="@string/action_favorite"
app:showAsAction="ifRoom">
</item>
<item
android:id="@+id/action_settings"
android:orderInCategory="100"
android:title="@string/action_settings"
app:showAsAction="never" />
</menu>
showAsAction屬性有三個值
- always表示永遠(yuǎn)顯示在ActionBar中,如果屏幕空間不夠則無法顯示
- ifRoom表示屏幕空間夠的情況下顯示在ActionBar中,不夠的話就顯示在overflow中,
- never則表示永遠(yuǎn)顯示在overflow中
第五步:為Action添加點(diǎn)擊事件
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_main, menu);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (item.getItemId()){
case R.id.action_settings:
Toast.makeText(this, item.getTitle(), Toast.LENGTH_SHORT).show();
break;
case R.id.action_favorite:
Toast.makeText(this, item.getTitle(), Toast.LENGTH_SHORT).show();
break;
default:
break;
}
return super.onOptionsItemSelected(item);
}