ActionBar

ActionBar是3.0之后出现的控件,取代menu,显示在标题栏位置。

通过getActionBar()得到对象。

1.普通ActionBar

创建方式与Menu(xml创建)一样,不过item中需要设定android:showAsAction属性,不设定就是默认never,item将为menu的item,选择always或者ifRoom将为ActionBar。

右上角为ActionBar增加的item。默认不显示title,只有在showAsAction属性中设置了withText属性才会在横屏时显示。

2.Tab 类型ActionBar

   通过getActionBar()得到ActionBar,接着actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS),再        actionBar.addTab(actionBar.newTab().setText("qqq").setIcon(R.drawable.ic_launcher).setTabListener(this));增加一条Tab。


   通过 

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. actionBar.setDisplayShowHomeEnabled(false);  
  2. actionBar.setDisplayShowTitleEnabled(false);  

可以去掉标题栏部分:

等价于

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. actionBar.setDisplayOptions(0,ActionBar.DISPLAY_SHOW_HOME|ActionBar.DISPLAY_SHOW_TITLE );  

如果只actionBar.setDisplayShowHomeEnabled(false);标题栏部分的提片将去掉,文字保留,与下面的QQQTabs换位,显示在Tabs与View之间。


3.显示在底部的ActionBar

    在AndroidManifest里的Activity加上属性android:uiOptions="splitActionBarWhenNarrow"后,普通ActionBar将不再显示在标题栏部分,而是显示在屏幕底部:


4.对比4.0手机的联系人布局


  基本结构一样的。联系人布局是ActionBar+fragment+ViewPager组成的。3个界面间可互相滑动利用了ViewPager,ViewPager的每个界面内容是fragment。


附加一段4.0联系人添加联系人时title部分代码:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. View customActionBarView = inflater.inflate(R.layout.editor_custom_action_bar,  
  2.                     null);  
  3.             View saveMenuItem = customActionBarView.findViewById(R.id.save_menu_item);  
  4.             saveMenuItem.setOnClickListener(new OnClickListener() {  
  5.                 @Override  
  6.                 public void onClick(View v) {  
  7.                     mFragment.onDoneClicked();  
  8.                 }  
  9.             });  
  10.             // Show the custom action bar but hide the home icon and title  
  11.             actionBar.setDisplayOptions(ActionBar.DISPLAY_SHOW_CUSTOM,  
  12.                     ActionBar.DISPLAY_SHOW_CUSTOM | ActionBar.DISPLAY_SHOW_HOME |  
  13.                     ActionBar.DISPLAY_SHOW_TITLE);  
  14.             actionBar.setCustomView(customActionBarView);  




[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. actionBar.setDisplayOptions(ActionBar.DISPLAY_HOME_AS_UP|ActionBar.DISPLAY_SHOW_HOME|ActionBar.DISPLAY_SHOW_CUSTOM);  


actionBar.setDisplayHomeAsUpEnabled(true)    // 给左上角图标的左边加上一个返回的图标 。对应ActionBar.DISPLAY_HOME_AS_UP

actionBar.setDisplayShowHomeEnabled(true)   //使左上角图标可点击,对应id为android.R.id.home,对应ActionBar.DISPLAY_SHOW_HOME

actionBar.setDisplayShowCustomEnabled(true)  // 使自定义的普通View能在title栏显示,即actionBar.setCustomView能起作用,对应ActionBar.DISPLAY_SHOW_CUSTOM

actionBar.setDisplayShowTitleEnabled(true)   //对应ActionBar.DISPLAY_SHOW_TITLE


actionBar.hide()   //  影藏标题栏

actionBar.show()  // 显示标题栏

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <menu xmlns:android="http://schemas.android.com/apk/res/android" ><item  
  3.         android:id="@+id/menu1"  
  4.         android:actionLayout="@layout/list_item"  
  5.         android:actionViewClass="android.widget.SearchView"  
  6.         android:icon="@drawable/ic_launcher"  
  7.         android:showAsAction="ifRoom|collapseActionView"  
  8.         android:title="@string/app_name"/>  
  9.     <item  
  10.         android:id="@+id/select"  
  11.         android:showAsAction="ifRoom"  
  12.         android:title="@string/select_all">  
  13.     </item>  
  14.     <item  
  15.         android:id="@+id/delete"  
  16.         android:enabled="false"  
  17.         android:showAsAction="ifRoom|withText"  
  18.         android:title="@string/delete">  
  19.     </item>  
  20. </menu>  

如上:

加上android:actionViewClass="android.widget.SearchView"属性后,此条MenuItem图片显示为搜索图片,点击后出现搜索框,点搜索框右边的X退出搜索模式,如果在android:showAsAction属性中加上collapseActionView属性,那么MenuItem图片为自定义的图片,并且靠点击左上角图片退出搜索模式。

android:actionLayout="@layout/list_item"属性与android:actionViewClass不能共存,有android:actionViewClass则android:actionLayout属性不起作用。


例子:点击打开链接


4.下拉List的ActionBar,点击后下拉出一列View来,类似ListPopWindow。

只需在onCreate方法中加上

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. ActionBar actionBar = getActionBar();  
  2. actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_LIST);  
  3. actionBar.setListNavigationCallbacks(mSpinnerAdapter, mOnNavigationListener);  
上面第三行第一个参数是SpinnerAdapter的对象,第二个参数是ActionBar.OnNavigationListener的对象。

设置后ActionBar栏会自动多出一个item来,默认是从左往右排布,也就是说如果Home ActioBar与Title都隐藏,那么其将会在最左边。


ActionMode: 与ActionView类似,显示在标题栏位置,3.0以前用ContextMenu,之后推荐用这个。


上图就是ActionMode显示时的样子,hh本来小写的,变成大写了。

最左边的与最右边的那两个图标是系统的,左边为影藏,右边为列出没显示在title部位的item。

这个控件比较容易使用,通过Activity的startActionMode(CallBack)方法,显示这个控件,这个控件的定义都在CallBack这个接口里,这个接口需要实现onCreateActionMode、onPrepareActionMode、onActionItemClicked、onDestroyActionMode。一般在onCreateActionMode方法里创建上边需要显示Item。比如:

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. @Override  
  2. public boolean onCreateActionMode(ActionMode mode, Menu menu) {  
  3.     MenuInflater inflater = mode.getMenuInflater();  
  4.     inflater.inflate(R.menu.main, menu);  
  5.     return true;  
  6. }  
与创建Menu没什么区别。在onActionItemClicked方法里响应完点击后mode.finish()来影藏这个ActionMode。定义在XML中的Item如果android:showAsAction为never那么这些Item会在右上边的那个图标被点击后显示。

若使用ListView或GridView之类继承自AbsListView的控件 可以使用setMultiChoiceModeListener方式并实现接口来使用ActionMode,比如要多项删除,当长按某一项时,ActionMode会出现,并且被长按的那项会被选中,接着点击其他项,触发onActionItemClicked方法.......


PopMenu : 与ListPopWindow非常相似的显示方式,创建比其简单。


这个控件显示在某个View对象的下面,如果下面空间不足则显示在上面。

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. PopupMenu pop = new PopupMenu(this, button);  
构造时定义显示的位置,如上显示在button下面。
[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. pop.getMenuInflater().inflate(R.menu.main, pop.getMenu());  
显示的内容与Menu一样的定义方式。

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. pop.show();  
需要时show。

点击响应通过setOnMenuItemClickListener 方法设置监听。


一些有用的主题属性设置:

1.android:actionBarStyle

顶部标题栏那一带的属性设置,style类型引用。这个属性很重要,如果想要把标题栏去掉换成customView或者Tab类型,你会发现Activity启动时先显示标题栏再执行你代码里的替换功能,那么必须在theme属性中指定不显示标题与logo。

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <style name="actionStyle" parent="@android:style/Widget.Holo.Light.ActionBar.Solid.Inverse">  
  2.     <item name="android:background">@drawable/title_bg</item>  
  3.     <item name="android:backgroundStacked">@drawable/title_bg</item>  
  4.     <item name="android:displayOptions"></item>  
  5. </style>  
2.android:actionMenuTextAppearance

设置ActionBar上文字的大小、style等。style类型引用。

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <style name="actionText" parent="android:TextAppearance.Holo.Widget.ActionBar.Menu">  
  2.     <item name="android:textSize">20sp</item>  
  3.     <item name="android:textStyle">italic</item>  
  4. </style>  
3.android:actionMenuTextColor

设置Actionbar上的文字颜色。

4.android:actionButtonStyle

设置ActionBar上每个按钮的style,主要是背景色等(不包括文字)。一个menu item就相当于一个button。

5.android:actionBarSplitStyle

split类型的Actiobar style设置,style类型引用

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <style name="splitStyle" parent="android:Widget.Holo.Light.ActionBar.Solid">  
  2.     <item name="android:backgroundSplit">@drawable/title_bg</item> <!--  整个 split的背景-->   
  3.     <item name="android:minHeight">40sp</item>  
  4. </style>  

6.android:windowFullscreen

是否去掉状态栏,标题栏与显示区域都属于content区域。

7.android:windowBackground

设置布局文件显示区域与标题栏显示区域的背景。

8.android:windowActionBar

标题栏部位是否使用actionbar,false则为3.0之前的标题方式。

9.让ActionBar浮在布局显示的上面,腾出空间(在setContentView之前调用):

[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. requestWindowFeature(Window.FEATURE_ACTION_BAR);  
  2. requestWindowFeature(Window.FEATURE_ACTION_BAR_OVERLAY);  
上面的第一行代码可以在Activity的Theme中指定 8 属性为true替代,默认的这条属性为true。第2行代码的属性未找到。
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值