Android中ActionBar及Overflow的顯示


最近在按照Android的API文檔學習Android中actionbar的使用,Action bar 最基本的形式,就是為 activity 顯示標題,並且在標題左邊顯示一個 app icon。在這樣簡單的形式下,對於所有的 activity 來說,action bar 對告知用戶他們當前所處的位置十分有用,並為你的 app 維護了持續的同一標識。Action Bar是一種新増的導航欄功能,在Android 3.0之后加入到系統的API當中,它標識了用戶當前操作界面的位置,並提供了額外的用戶動作、界面導航等功能。使用ActionBar的好處是,它可以給提供一種全局統一的UI界面。

配置實現ActionBar

首先需要自己配置menu,在menu中添加相對應的Item(/res/menu/main.xml)中進行如下配置:,添加了三個Item

    <item
        android:id="@+id/action_settings"
        android:icon="@drawable/ic_launcher"
        android:showAsAction="always|withText"
        android:title="@string/action_settings"/>
    <item
        android:id="@+id/icon_edit"
        android:icon="@drawable/ic_launcher"
        android:showAsAction="never|withText"
        android:title="@string/main_actionEdit"/>
    <item
        android:id="@+id/icon_search"
        android:icon="@drawable/ic_launcher"
        android:showAsAction="never|withText"
        android:title="@string/main_actionSearch"/>

item中showAsAction屬性有四個:
  1、always:這個值會使菜單項一直顯示在Action Bar上。
  2、ifRoom:如果有足夠的空間,這個值會使菜單項顯示在Action Bar上。
  3、never:這個值使菜單項永遠都不出現在Action Bar上。
  4、withText:這個值使菜單項和它的圖標,菜單文本一起顯示。

同時還需要在Activity重寫onCreateOptionsMenu方法:

  @Override
    public boolean onCreateOptionsMenu(Menu menu) {
    	MenuInflater inflater = getMenuInflater();
    	inflater.inflate(R.menu.main, menu);
    	return super.onCreateOptionsMenu(menu);
    }

 按照API文檔出現的結果應該是這個樣子的,注意三個點:

 

但是現實是:

 由於我是初學者,所以當官方文檔和個人實戰有沖突的時候,就郁悶了,完全是一步步按照文檔過來的,所以這個時候就郁悶了,上網也是一通猛找,發現了原因:

http://developer.android.com/guide/topics/ui/actionbar.html,這個上面有段英文:

The action bar provides users access to the most important action items relating to the app's current context. Those that appear directly in the action bar with an icon and/or text are known as action buttons. Actions that can't fit in the action bar or aren't important enough are hidden in the action overflow. The user can reveal a list of the other actions by pressing the overflow button on the right side (or the device Menu button, if available).

我就不翻譯了,簡單點說如果設備有菜單功能鍵,顯示隱藏動作的功能將會由Menu菜單功能鍵實現,點擊了一下menu,效果如下:

 

菜單出現了,不過就是沒有那三個點,還是有點不甘心,又找了找,還有有人遇到過這個問題的,對於那三個點菜單的話,Android 3.0 (API level 11) +標准叫法叫做:action overflow button低版本的(Android 2.3.x (API level 10) or lower)對應的叫做:overflow menu,效果(不是三個點)是More按鈕.

如果非要顯示出來Overflow的菜單,需要手動的寫代碼去加載出來,stackoverflow有老外貼了代碼,onCreate中調用一下就可以了,我就不了:

http://stackoverflow.com/questions/20444596/how-to-force-action-bar-overflow-icon-to-show

  private void getOverflowMenu() {
        try {
           ViewConfiguration config = ViewConfiguration.get(this);
           Field menuKeyField = ViewConfiguration.class.getDeclaredField("sHasPermanentMenuKey");
           if(menuKeyField != null) {
               menuKeyField.setAccessible(true);
               menuKeyField.setBoolean(config, false);
           }
       } catch (Exception e) {
           e.printStackTrace();
       }
   }

 

  

隱藏ActionBar,使用getActionBar獲取之后直接隱藏就行,就不貼圖了:

        ActionBar bar=getActionBar();
        bar.hide();

這個時候還可以設置Menu中Item的點擊事件:

 @Override
    public boolean onOptionsItemSelected(MenuItem item) {
    	switch (item.getItemId()) {
        case R.id.icon_edit:
           Toast.makeText(this, "觸發編輯按鈕事件", Toast.LENGTH_SHORT).show();
            return true;
        case R.id.action_settings:
        	Intent intent=new Intent(this,PesonActivity.class);
        	   intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP  
                       | Intent.FLAG_ACTIVITY_NEW_TASK);  
        	startActivity(intent);
            return true;
        case R.id.icon_search:
            Toast.makeText(this, "觸發搜索按鈕事件", Toast.LENGTH_SHORT).show();
            return true;
        default:
            return super.onOptionsItemSelected(item);
    }
    }

 手動實現Menu

Activity之間是可以相互調用的,也可以從子Activity返回到父Activity,新建一個PersonActivity,通過手動寫代碼去配置Menu:

	@Override
    public boolean onCreateOptionsMenu(Menu menu) {
    	super.onCreateOptionsMenu(menu);
    	//添加菜單項
        MenuItem add=menu.add(0,0,0,"添加");
        MenuItem del=menu.add(0,0,0,"刪除");
        add.setIcon(R.drawable.btn_check_on_pressed);
        del.setIcon(R.drawable.btn_close_selected);
        //綁定到ActionBar  
        add.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
        del.setShowAsAction(MenuItem.SHOW_AS_ACTION_NEVER);
        return true;
    }

 效果如圖所示:

這個時候可以看到紅色地方有一個返回的箭頭,需要在Activity中配置一下:

   android:parentActivityName="com.example.googleaction.MainActivity"

PesonActivity的Activity中需要調用一個方法:

getActionBar().setDisplayHomeAsUpEnabled(true);

Android初學者,如有不當,請各位多多指正~


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM