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 ActionBar中Overflow Menu(溢位選單)中的一些問題Android
- 實戰Android 上推下拉——隱藏、顯示ActionBarAndroid
- 動態改變actionbar的menu選單MenuItem的顯示UI
- 元素的隱藏和顯示(display ,visibility ,overflow)
- CSS省略號text-overflow超出溢位顯示省略號(需要與overflow配合使用)CSS
- 配置CKEditor顯示的圖示及配置
- React-Quill中的圖片上傳及顯示ReactUI
- [Android]Layout中ImageView中圖片的對齊顯示問題AndroidView
- 設定子父元素overflow:hidden,子元素absolute不顯示問題
- Android 顯示系統Android
- Android:EditText 多行顯示Android
- Android Actionbar(標題欄)的背景設定Android
- 解決arcgis for android中feature不顯示的問題Android
- Android系統耳機圖示顯示Android
- Android中顯示html標籤或者帶圖片AndroidHTML
- android 顯示當前時間(EEEE)顯示星期幾Android
- Android中Fragment巢狀Fragment,切換Fragment時不顯示檢視的原因及解決方法AndroidFragment巢狀
- Qt中顯示OpenCV的IplImageQTOpenCV
- android dialog圓角顯示及解決出現的黑色稜角Android
- Android Libgdx 顯示文字Android
- Android分屏顯示LogCatAndroidGC
- Android 9 Activity的載入和顯示Android
- Oracle中顯示阻塞樹的SQLOracleSQL
- Android的UI顯示原理之Surface的建立AndroidUI
- 在Android中呼叫攝像頭拍照並顯示出來Android
- Android在Dialog中顯示PopupWindow不全問題解決Android
- Android控制元件居中顯示Android控制元件
- ThumbnailUtils.extractThumbnail Android圖片縮圖顯示總結及比較AIAndroid
- Android官方導航欄ActionBar使用詳解Android
- grail中數字顯示AI
- 文字超出顯示省略號及更多
- Extjs 在GridPanel中顯示圖示的方法JS
- Android學習筆記:如何設定ImageView中圖片的顯示方式Android筆記View
- Failed to load AppCompat ActionBar with unknown error.--AS遇到檢視控制元件不顯示的解決方法AIAPPError控制元件
- destoon中自定義欄位的前臺顯示,及修改相關屬性
- Jmeter中預設語言的顯示JMeter
- 顯示v$sqltext中完整的sql資訊SQL
- Java中list顯示的三種方法Java