Android笔记:ActionBar用法详解

一、ActionBar介绍

ActionBar是位于Activity顶部，用于显示Activity的图标，标题，以及菜单的。可用于导航等功能，广泛应用于View的交互。ActionBar可分为三部分，分别是第一Icon、第二Item、第三overflow按钮。如图

二、如何添加ActionBar。(ActionBar 是在Android 3.0(API 11）中加入到SK中的，想在低版本中使用ActionBar使用Support Library v7。)

1、新建activity继承自AppCompatActivty.

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}

2、实现Theme.AppCompat.Light.DarkActionBar主题

<application android:allowbackup="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsrtl="true" android:theme="@style/AppTheme">       <activity android:name=".MainActivity">           <intent-filter>               <action android:name="android.intent.action.MAIN">               <category android:name="android.intent.category.LAUNCHER">           </category></action></intent-filter>       </activity>   </application>

style文件主题配置。

<resources>    <!--{cke_protected}{C}%3C!%2D%2D%20Base%20application%20theme.%20%2D%2D%3E--><style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">        <!--{cke_protected}{C}%3C!%2D%2D%20Customize%20your%20theme%20here.%20%2D%2D%3E-->        <item name="colorPrimary">@color/colorPrimary</item>        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>        <item name="colorAccent">@color/colorAccent</item></style></resources>

3、下面为大家图解一下theme主题配置文件中的样式都有哪些，前人总结的。

4、最终效果图如下

三、移除ActionBar。
1、修改theme主题

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar" type="text/css"><!-- Customize your theme here. -->        <item name="colorPrimary">#55A028</item>        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>        <item name="colorAccent">@color/colorAccent</item></style>

2、代码中修改。

package com.example.cdy.actionbardemo;import android.support.v7.app.ActionBar;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        //得到actionBar，注意我的是V7包，使用getSupportActionBar()        ActionBar actionBar = getSupportActionBar();        //隐藏actionBar        actionBar.hide();    }}

四、修改actionBar的样式
1、修改ActionBar的图标。

ActionBar的标题默认是继承了Applicition和Activity的lable属性，所以只需要修改activity的lable属性即可。值得一提的是，老的版本中修改icon也是默认继承自logo属性，但是发现前段时间更新之后就无法显示了，需要代码中设定。

<activity android:name=".MainActivity" android:label="@string/actionBar_title">           <intent-filter>               <action android:name="android.intent.action.MAIN">               <category android:name="android.intent.category.LAUNCHER">           </category></action></intent-filter>       </activity>

Activity中使用

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //得到actionBar，注意我的是V7包，使用getSupportActionBar()        ActionBar actionBar = getSupportActionBar();        //在使用v7包的时候显示icon和标题需指定一下属性。        actionBar.setDisplayShowHomeEnabled(true);        actionBar.setLogo(R.mipmap.back_black);        actionBar.setDisplayUseLogoEnabled(true);        setContentView(R.layout.activity_main);    }

2、效果图

五、添加item和overfloy。

1、把所有的action item定义在menu的资源文件中。showAsAction（此item如何显示在actionBar上） icon（图标） title（标题）。showAsAction属性，never不显示在actionBar上，ifRoom如果有空间就显示，没空间就显示在overflow上，always只显示在actionbar上。

2、在activity中引用资源文件。

package com.example.cdy.actionbardemo;import android.support.v7.app.ActionBar;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;import android.widget.Toast;public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //得到actionBar，注意我的是V7包，使用getSupportActionBar()        ActionBar actionBar = getSupportActionBar();        //在使用v7包的时候显示icon和标题需指定一下属性。        actionBar.setDisplayShowHomeEnabled(true);        actionBar.setLogo(R.mipmap.back_black);        actionBar.setDisplayUseLogoEnabled(true);        setContentView(R.layout.activity_main);    }    /**     * @param menu     * @return     * 使用菜单     */    @Override    public boolean onCreateOptionsMenu(Menu menu) {        MenuInflater inflater = getMenuInflater();        inflater.inflate(R.menu.actionbar_menu, menu);        return super.onCreateOptionsMenu(menu);    }    /**     * @param item     * @return     * item的点击事件     */    @Override    public boolean onOptionsItemSelected(MenuItem item) {        switch (item.getItemId()) {            // action with ID action_refresh was selected            case R.id.action_delete:                Toast.makeText(this, "删除", Toast.LENGTH_SHORT).show();                break;            // action with ID action_settings was selected            case R.id.action_add:                Toast.makeText(this, "添加", Toast.LENGTH_SHORT).show();                break;            case R.id.action_select:                Toast.makeText(this, "选择", Toast.LENGTH_SHORT).show();                break;            default:                break;        }        return super.onOptionsItemSelected(item);    }}

3、效果如图

六、使用自定义的view添加到actionBar上。

1、自定义layout_actionbar.xml

<!--{cke_protected}{C}%3C!%2D%2D%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%2D%2D%3E--><relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_vertical" android:paddingleft="10dp" android:paddingright="10dp">    <imagebutton android:id="@+id/left_imbt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentleft="true" android:layout_centervertical="true" android:background="@mipmap/back_black">    <textview android:id="@+id/bar_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerinparent="true" android:textcolor="#FFFFFFFF" android:textsize="18sp" android:text="标题">    <!--{cke_protected}{C}%3C!%2D%2D%20actionbar%20%E5%8F%B3%E8%BE%B9%E6%8C%89%E9%92%AE%20%2D%2D%3E-->    <textview android:id="@+id/right_bt" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentright="true" android:layout_centervertical="true" android:textsize="18sp" android:background="@null"></textview></textview></imagebutton></relativelayout>

2、在activity中引用，并且得到控件

package com.example.cdy.actionbardemo;import android.graphics.Color;import android.support.v7.app.ActionBar;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.LayoutInflater;import android.view.Menu;import android.view.MenuInflater;import android.view.MenuItem;import android.view.View;import android.widget.TextView;import android.widget.Toast;public class MainActivity extends AppCompatActivity {    //声明控件    TextView bar_title;    TextView right_bt;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        //得到actionBar，注意我的是V7包，使用getSupportActionBar()        ActionBar actionBar = getSupportActionBar();        //在使用v7包的时候显示icon和标题需指定一下属性。        actionBar.setDisplayShowHomeEnabled(true);        //actionBar.setLogo(R.mipmap.back_black);        actionBar.setDisplayUseLogoEnabled(true);        // 返回箭头（默认不显示）        actionBar.setDisplayHomeAsUpEnabled(false);        // 左侧图标点击事件使能        actionBar.setHomeButtonEnabled(true);        //显示自定义的actionBar        actionBar.setDisplayShowCustomEnabled(true);        View actionbarLayout = LayoutInflater.from(this).inflate(R.layout.layout_actionbar, null);        actionBar.setCustomView(actionbarLayout);        bar_title = (TextView)actionbarLayout.findViewById(R.id.bar_title);        right_bt = (TextView)actionbarLayout.findViewById(R.id.right_bt);        bar_title.setText("我的任务");        right_bt.setText("筛选");        bar_title.setTextColor(Color.WHITE);        right_bt.setTextColor(Color.WHITE);        setContentView(R.layout.activity_main);    }    /**     * @param menu     * @return     * 使用菜单     */    @Override    public boolean onCreateOptionsMenu(Menu menu) {        return super.onCreateOptionsMenu(menu);    }    /**     * @param item     * @return     * item的点击事件     */    @Override    public boolean onOptionsItemSelected(MenuItem item) {        return super.onOptionsItemSelected(item);    }}

3、效果如图

ActivityBar的使用大致就介绍到这来，ActivityBar中还有很多的使用方法，和特殊的效果需要我们事先。大家可以好好研究一下。欢迎指正和转载