快捷導(dǎo)航

Android自定義ActionBar實例

更新時間：2014年11月22日 09:58:29 投稿：shichen2014

這篇文章主要介紹了Android自定義ActionBar的實現(xiàn)方法,以實例形式較為詳細的分析了自定義ActionBar的原理與具體步驟,并附帶完整實例代碼供大家下載查看,需要的朋友可以參考下

本文實例講述了Android自定義ActionBar的實現(xiàn)方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

Android 3.0及以上已經(jīng)有了ActionBar的API，可以通過引入support package在3.0以下的平臺引用這些API，但這兒呢，完全自定義一個ActionBar，不用引入額外jar包，參照的是開源的UI組件GreeenDroid，項目主頁：https://github.com/cyrilmottier/GreenDroid 。提取出關(guān)于ActionBar的相關(guān)文件，你可以放在自己的項目中，最后會附下載地址。下面說下在程序中的用法。

新建一個TestActionBar項目，假設(shè)你把相關(guān)的代碼放在了com.leaf.actionbar這個包下。首先新建一個布局文件，main.xml，如下：

復(fù)制代碼代碼如下:

<?xml version="1.0" encoding="utf-8"?>  

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  

    xmlns:bar="http://schemas.android.com/apk/res/com.leaf.actionbar"   

    android:layout_width="match_parent"  

    android:layout_height="match_parent"  

    android:orientation="vertical" >  

    <com.leaf.actionbar.ActionBar  

        android:id="@id/gd_action_bar"  

        android:layout_height="@dimen/gd_action_bar_height"  

        android:layout_width="fill_parent"  

        android:background="?attr/gdActionBarBackground"  

        bar:type="normal"  

        bar:title="Test ActionBar" />  

</LinearLayout>

這個自定義ActionBar其實是個Linearlayout，還有些自己的屬性，首先要定義一個命名空間，名字隨意，如上面的bar。title就是actionbar的上的標題；type是區(qū)分這個actionbar的上左邊item的布局，有三種類型，一種是normal：左邊是一個顯示主頁的imagebutton和顯示title的textview，一種是dashboard，左邊是一個顯示app圖標的imageview和顯示title的textview，一種是empty，左邊只有一個顯示title的textview，右邊都是自己添加的按鈕，默認是normal。如下：分別對應(yīng)normal、dashboard和empty。

、、

還有一些屬性，homeDrawable可以替換左邊那個圖片，默認是那個主頁的圖片，dividerDrawable：分割線，dividerWidth：分割線寬度，maxItems：右邊添加的item的最大個數(shù)?？蛇x擇添加。
接著MainActivity.java

復(fù)制代碼代碼如下:

public class MainActivity extends Activity {  

    private ActionBar mActionBar;  

    private final Handler mHandler = new Handler();  

    @Override  

    protected void onCreate(Bundle savedInstanceState) {  

        super.onCreate(savedInstanceState);  

        setContentView(R.layout.main);  

        // 針對type是normal的情況  

        mActionBar = (ActionBar) findViewById(R.id.gd_action_bar);  

        // 添加右邊的具體的item，其實是imagebutton  

        // 它內(nèi)部自己封裝了一些type，比如refresh、search，主要就是直接使用它內(nèi)置的一些圖片作為imagebutton的src  

        // 后面是該imagebutton的id，可以在values/ids.xml中定義  

        // 刷新跟其他type有所不一樣，除了一個imagebutton，還有一個progressbar，下面可看到  

        mActionBar.addItem(Type.Refresh, R.id.action_bar_refresh);  

        mActionBar.addItem(Type.Search, R.id.action_bar_search);  

        // 你也可以按照下面一樣自己添加一個item，設(shè)置自己的圖片  

        mActionBar.addItem(  

                mActionBar.newActionBarItem(NormalActionBarItem.class)  

                        .setDrawable(R.drawable.gd_action_bar_eye)  

                        .setContentDescription("view"), R.id.action_bar_view);  

        // 給item即imagebutton添加監(jiān)聽事件  

        mActionBar.setOnActionBarListener(new OnActionBarListener() {  

            @Override  

            public void onActionBarItemClicked(int position) {  

                if (position == ActionBar.OnActionBarListener.HOME_ITEM) {  

                    // 當按左邊的主頁按鈕時所觸發(fā)的操作  

                    Toast.makeText(MainActivity.this, "home or back",  

                            Toast.LENGTH_SHORT).show();  

                    return;  

                }  

                final ActionBarItem item = mActionBar.getItem(position);  

                switch (item.getItemId()) {  

                case R.id.action_bar_refresh:  

                    if (item instanceof LoaderActionBarItem) {  

                        mHandler.postDelayed(new Runnable() {  

                            @Override  

                            public void run() {  

                                // 通過這個方法可以來顯示和隱藏那個progressbar  

                                ((LoaderActionBarItem) item).setLoading(false);  

                            }  

                        }, 2000);  

                    }  

                    Toast.makeText(MainActivity.this, "refresh",  

                            Toast.LENGTH_SHORT).show();  

                    break;  

                case R.id.action_bar_search:  

                    // 你具體的操作  

                    Toast.makeText(MainActivity.this, "search",  

                            Toast.LENGTH_SHORT).show();  

                    break;  

                case R.id.action_bar_view:  

                    // 你具體的操作  

                    Toast.makeText(MainActivity.this, "view",  

                            Toast.LENGTH_SHORT).show();  

                    break;  

                }  

            }  

        });  

    }  

}

最后還要注意一點，在AndroidManifest.xml文件中：

復(fù)制代碼代碼如下:

<application 

        android:icon="@drawable/ic_launcher" 

        android:label="testactionbar" 

        android:theme="@style/Theme.GreenDroid">

        <activity android:name=".MainActivity">

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />  

                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

</application>

不加這句會報錯的，這個theme繼承自parent="android:Theme"，里面有些自定義的style。如果你想比如將window的title欄去掉，應(yīng)該在這個theme文件里再加上：<item name="android:windowNoTitle">true</item>。
最后效果圖：