Android自訂ActionBar執行個體_Android

來源:互聯網
上載者:User

本文執行個體講述了Android自訂ActionBar的實現方法。分享給大家供大家參考。具體實現方法如下:

Android 3.0及以上已經有了ActionBar的API,可以通過引入support package在3.0以下的平台引用這些API,但這兒呢,完全自訂一個ActionBar,不用引入額外jar包,參照的是開源的UI組件GreeenDroid,項目首頁:https://github.com/cyrilmottier/GreenDroid 。提取出關於ActionBar的相關檔案,你可以放在自己的項目中,最後會附下載地址。下面說下在程式中的用法。

建立一個TestActionBar項目,假設你把相關的代碼放在了com.leaf.actionbar這個包下。首先建立一個布局檔案,main.xml,如下:

複製代碼 代碼如下:
<?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是區分這個actionbar的上左邊item的布局,有三種類型,一種是normal:左邊是一個顯示首頁的imagebutton和顯示title的textview,一種是dashboard,左邊是一個顯示app表徵圖的imageview和顯示title的textview,一種是empty,左邊只有一個顯示title的textview,右邊都是自己添加的按鈕,預設是normal。如下:分別對應normal、dashboard和empty。

、、

還有一些屬性,homeDrawable可以替換左邊那個圖片,預設是那個首頁的圖片,dividerDrawable:分割線,dividerWidth:分割線寬度,maxItems:右邊添加的item的最大個數。可選擇添加。
接著MainActivity.java

複製代碼 代碼如下:
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 
        // 它內部自己封裝了一些type,比如refresh、search,主要就是直接使用它內建的一些圖片作為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,設定自己的圖片 
        mActionBar.addItem( 
                mActionBar.newActionBarItem(NormalActionBarItem.class) 
                        .setDrawable(R.drawable.gd_action_bar_eye) 
                        .setContentDescription("view"), R.id.action_bar_view); 
        // 給item即imagebutton添加監聽事件 
        mActionBar.setOnActionBarListener(new OnActionBarListener() { 
 
            @Override 
            public void onActionBarItemClicked(int position) { 
 
                if (position == ActionBar.OnActionBarListener.HOME_ITEM) { 
 
                    // 當按左邊的首頁按鈕時所觸發的操作 
                    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檔案中:
複製代碼 代碼如下:
<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欄去掉,應該在這個theme檔案裡再加上:<item name="android:windowNoTitle">true</item>。
最後效果圖:

項目執行個體代碼點擊此處本站下載。

希望本文所述對大家的Android程式設計有所協助。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.