系统组件：动作条ActionBar

引入：

概念：动作栏或导航控件，Action Bar 就是替换3.0 以前的title bar 和Menu。

主要功能：

1）突出显示一些重要操作(如“注册”，“登录”，“搜索”等，将平时隐藏的选项菜单显示成活动項ActionItem。

2）在程序中保持一致的页面导航和切换方式。这中基于Tab的导航方式，可以切换多个Fragment。

3）提供基于下拉的导航菜单。

4）使用程序Logo，作为返回App的Home主页面或者向上的导航操作。

组成：

ActionBar分成四个区域

1) app icon 图标区

可显示App的icon，也可用其他图标代替。当软件不再最高级页面时，图标左侧会显示一个左箭头，用户可以通过这个箭头向上导航。

2) View Control 视图切换

drop-down菜单或tab controls，也可以用来显示非交互的内容，例如app title或更长的品牌信息。

3) action buttons 动作按钮

这个放最重要的软件功能，放不下的按钮就自动进入Action Overflow了。

4) action overflow 溢出动作項

不常用的操作项目自动放入Action Overflow

ActionBar操作

1.添加与删除ActionBar

添加ActionBar：设置 主题 带有AcitonBar就行了，如Theme.Hole,3.0一下使用ActionBar，需导入v7兼容包。

删除ActionBar:

1)设置主题没有ActionBar

2)主题隐藏ActionBar， getSupportActionBar().hide()

2.添加ActionBar动作項

1）动作項写入Menu文件，如同添加系统菜单一样，重写 onCreateOptionsMenu()

eg:

1 <?xml version="1.0" encoding="utf-8"?>  2 <menu xmlns:android="http://schemas.android.com/apk/res/android"  3     xmlns:app="http://schemas.android.com/apk/res-auto">  4   5     <item android:id="@+id/action_edit"  6         android:title="编辑"  7         android:orderInCategory="80"  8         android:icon="@android:drawable/ic_menu_edit"  9         app:showAsAction="ifRoom" /> 10  11     <item android:id="@+id/action_share" 12         android:title="分享" 13         android:orderInCategory="90" 14         android:icon="@android:drawable/ic_menu_share" 15         app:showAsAction="ifRoom" /> 16  17     <item android:id="@+id/action_settings" 18         android:title="settings" 19         android:orderInCategory="100" 20         app:showAsAction="never"/> 21  22 </menu>

2）通过给<item>元素声明android:showAsAction属性:

never:不将该MenuItem显示在ActionBar上（是默认值）

always:总是将MenuItem显示在ActionBar上

ifRoom:当ActionBar位置充裕时将该MenuItem显示在ActionBar上

withText:将该MenuItem显示在ActionBar上，兵显示该菜单项的文本

collapseActionView:将该ActionView折叠成普通菜单项(api>=14)

3） 重写OnOptionsItemSelected()回调方法，处理用户选择动作項的操作。

3.启动程序图标导航

作用：是让App的Logo也变成可以点击的导航图标

ActionBar actionBar = getSupportActionBar() ;//获取当前Activity的ActionBar

actionBar. setDisplayHomeAsUpEnabled (true);//设置是否将Logo图标转成可点击的按钮，并在图标前添加一个向左的箭头

actionBar. setDisplayShowHomeEnabled (true);//设置是否显示Logo图标

actionBar. setHomeButtonEnabled (true);//设置是否将Logo图标设置成可点击的按钮

4.ActionView的使用(Api>=11,getActionView()有效

作用：可编辑的动作項，如SearchView可以直接在ActionBar上使用

添加ActionView的两种方式：

1）android:actionLayout，指定一个布局文件

2）android:actionViewClass属性，指定实现CollaspsibleActionView的子类

手动展开和折叠菜单栏:

MenuItem.expandActionView()//展开ActionView

MenuItem.collapseActionView()//折叠ActionView

MunuItem.setOnActionExpandListener()//设置展开或折叠的监听事件

eg:

1 <menu xmlns:android="http://schemas.android.com/apk/res/android" >  2   3     <!-- actionViewClass 设置ActionView控件的UI类 -->  4     <item  5         android:id="@+id/action_search"  6         android:orderInCategory="100"  7         android:showAsAction="ifRoom"  8         android:actionViewClass="android.widget.SearchView"  9         android:title="检索"/> 10  11     <!-- actionLayout 属性设置自定义ActionView的布局文件 --> 12      <item 13         android:id="@+id/action_search_custom" 14         android:orderInCategory="100" 15         android:showAsAction="always|collapseActionView" 16         android:actionLayout="@layout/actionview_search" 17         android:icon="@android:drawable/ic_menu_agenda" 18         android:title="自定义检索"/> 19      20 </menu>

5.ActionBar的Tab导航

作用：通常用选项标签使Fragment之间相互切换

步骤：

3）实现TabLisenter接口的方法

eg:

1 private void initActionBar() {  2         // TODO 初始化ActionBar中的相关设置  3         actionBar=getActionBar();//获取ActionBar对象  4           5         //1. 设置ActionBar的导航模式: tab选项卡的导航模式  6         actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);  7           8         //3. 创建Tab  9         Tab tab1=actionBar.newTab() 10                          .setText("头条") 11                          .setIcon(android.R.drawable.ic_menu_add) 12                          .setTabListener(this); 13          14         Tab tab2=actionBar.newTab() 15                  .setText("军事") 16                  .setIcon(android.R.drawable.ic_menu_agenda) 17                  .setTabListener(this); 18          19         Tab tab3=actionBar.newTab() 20                  .setText("国内") 21                  .setIcon(android.R.drawable.ic_menu_delete) 22                  .setTabListener(this); 23          24         Tab tab4=actionBar.newTab() 25                  .setText("国际") 26                  .setIcon(android.R.drawable.ic_menu_camera) 27                  .setTabListener(this); 28          29         Tab tab5=actionBar.newTab() 30                  .setText("体育") 31                  .setIcon(android.R.drawable.ic_menu_compass) 32                  .setTabListener(this); 33          34         //4. 增加Tab到ActionBar中 35         actionBar.addTab(tab1); 36         actionBar.addTab(tab2); 37         actionBar.addTab(tab3); 38         actionBar.addTab(tab4); 39         actionBar.addTab(tab5); 40     }

实现TabListener接口的三个方法：

1 @Override  2     public void onTabSelected(Tab tab, FragmentTransaction ft) {  3         // TODO 选择Tab事件  4         Log.i("info", "onTabSelected-----"+tab.getPosition());  5           6         ContentFragment cf=  7                 ContentFragment.newInstace(tab.getText().toString());  8           9         ft.replace(R.id.mainLayoutId, cf); 10          11     } 12  13     @Override 14     public void onTabUnselected(Tab tab, FragmentTransaction ft) { 15         // TODO 取消选择Tab事件 16         Log.i("info", "onTabUnselected-----"+tab.getPosition()); 17     } 18  19     @Override 20     public void onTabReselected(Tab tab, FragmentTransaction ft) { 21         // TODO 重新选择Tab事件 22         Log.i("info", "onTabReselected-----"+tab.getPosition()); 23          24     }

布局文件：

1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  2     xmlns:tools="http://schemas.android.com/tools"  3     android:layout_width="match_parent"  4     android:layout_height="match_parent"  5     android:paddingBottom="@dimen/activity_vertical_margin"  6     android:paddingLeft="@dimen/activity_horizontal_margin"  7     android:paddingRight="@dimen/activity_horizontal_margin"  8     android:paddingTop="@dimen/activity_vertical_margin"  9     tools:context=".MainActivity" 10     android:id="@+id/mainLayoutId" > 11      12 </RelativeLayout>

6.ActionBar扩充：

ActionProvide的使用。

添加下拉式导航 等。