首页技术文章正文

Android+物联网培训之使用ActionBar搭建Android UI框架

更新时间:2017-07-02 来源:黑马程序员Android+物联网培训 浏览量:

使用ActionBar搭建Android UI框架

什么是ActionBar?

ActionBar最早起源于Android 3.0系统, 最初是基于平板电脑设计的顶栏操作模块, 后来Android 4.0系统将此操作模块推广的普通的手机屏幕, 旨在为所有Android用户提供统一的交互体验。
 
ActionBar主要分如下几个部分:
 
1. 标题区域
此区域位于顶栏左侧, 用来展示程序图标, 标题, 及返回按键。
 
2. 操作区域
此区域位于顶栏右侧, 用来展示操作选项及菜单列表。
 

 
            
 

什么是ActionBarSherlock?

由于ActionBar 起源于Android 3.0系统, 所以Android 2.x的系统无法正常运行ActionBar的所有功能。 我们可以使用第三方框架ActionBarSherlock来解决这个问题。使用这种框架的好处就是, Android任何版本都可以统一ActionBar的标准样式, 无需开发者做过多兼容。这是官方网址:http://actionbarsherlock.com
 
 
 
 
 
 
 
 
 

案例分析

接下来, 我们通过一个简单的案例,来了解一下ActionBarSherlock的使用方式。

一. 下载ActionBarSherlock官方SDK

登录官方网址:http://actionbarsherlock.com 下载SDK并解压, 如图所示:
 

                               
 
其中,actionbarsherlock是我们要使用的第三方库文件,actionbarsherlock-samples是例子程序。
 

二. 创建Demo程序

使用eclipse创建Android项目MyActionBarDemo,并且引入上一步下载的第三方库文件actionbarsherlock, 
 

图1-3 MyActionBarDemo
 
右键单击项目MyActionBarDemo,选择Properties,弹窗左侧列表选择Android,点击Add按钮,选择actionbarsherlock后,点击确定。这样,我们自己的项目MyActionBarDemo就和ActionBarSherlock关联了起来,可以直接调用ActionBarSherlock中的所有资源文件和API了。
 


注:由于actionbarsherlock的libs包下已经有android-support-v4.jar,为了避免jar包冲突,我们需要将MyActionBarDemo中libs目录下的android-support-v4.jar删除掉。
 

三. 快速开始

1. 在AndroidManifest.xml中,修改应用程序的主题,改为Sherlock下的某种主题,比如:@style/Theme.Sherlock.Light,表示亮色风格的主题。
 
 <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/Theme.Sherlock.Light" >
        <activity
            android:name="com.example.actionbardemo.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
 </application>
 
2. 让MainActivity继承SherlockActivity。
 
public class MainActivity extends SherlockActivity {
         @Override
         protected void onCreate(Bundle savedInstanceState) {
                  super.onCreate(savedInstanceState);
                  setContentView(R.layout.activity_main);
         }
}
 
3. 在res目录下,新建menu文件夹,在menu下新建xml文件,名为main.xml,文件内容如下所示:
 
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action_1"
        android:showAsAction="always"
       android:icon="@drawable/ic_launcher"
        android:title="action_1"/>
</menu>
 
此xml文件根标签是menu,子标签item表示一个操作选项。item有几个属性:id表示item的id标识;showAsAction表示item的展现方式,showAsAction=always表示item一直展示在actionbar的条目上;icon表示item的图标;title表示item的标题。
 
4. 在MainActivity中重写onCreateOptionsMenu这个方法。
 
@Override
public boolean onCreateOptionsMenu(Menu menu) {
         getSupportMenuInflater().inflate(R.menu.main, menu);
         return super.onCreateOptionsMenu(menu);
}
 
此方法可以将描述文件main.xml填充到ActionBar的条目中。
运行程序,即可发现在ActionBar的操作区域,多了一个操作选项,如图所示:
 
 
 
 


 
 
5. 为了让操作选项响应点击事件,可以在MainActivity中重写onOptionsItemSelected方法。
 
@Override
public boolean onOptionsItemSelected(MenuItem item) {
         switch (item.getItemId()) {
         case R.id.action_1:
              Log.d("Test", "action 1 is clicked!");
              break;
         default:
         break;
         }
         return super.onOptionsItemSelected(item);
}
 
在这个方法中,根据item的id来区分哪一个item被点击,从而执行相应的操作。
 
 
 
 
 

四. 扩展功能

1. 为了在ActionBar中显示子菜单功能,可以在main.xml中追加一段代码:
 
<menu xmlns:android="http://schemas.android.com/apk/res/android" >
    <item
        android:id="@+id/action_1"
        android:icon="@drawable/ic_launcher"
        android:showAsAction="always"
        android:title="action_1"/>
    <item
        android:id="@+id/action_more"
        android:icon="@drawable/ic_launcher"
        android:showAsAction="always"
        android:title="action_more">
        <menu>
            <item
                android:id="@+id/action_2"
                android:showAsAction="always"
                android:title="action_2"/>
            <item
                android:id="@+id/action_3"
                android:showAsAction="always"
                android:title="action_3"/>
        </menu>
    </item>
</menu>
 
运行项目,点击新增的item,
 
 
 
 

 
 
2. ActionBar还可以动态修改标题,logo图标,设置返回按钮等。
 
private void updateActionBar() {
         ActionBar actionbar = getSupportActionBar();//获取actionbar对象
         actionbar.setTitle("自定义标题");//修改actionbar标题
         actionbar.setLogo(R.drawable.logo);//修改actionbar的logo
         actionbar.setDisplayHomeAsUpEnabled(true);//显示返回按键
}
 


 
注: 返回按键的点击事件也是在onOptionsItemSelected中进行捕获,只不过采用系统默认id:android.R.id.home。
 

总结

随着Android系统的飞速发展,ActionBar会应用到越来越多的项目当中,比如微信近期的几个版本都采用了ActionBar的UI框架。为了保证2.x版本的兼容,我们可以直接使用ActionBarSherlock这个流行的第三方SDK,其API的调用方式几乎和Android原生ActionBar的调用方式完全一致,极大降低了开发成本,提高了开发效率。


本文版权归黑马程序员Android+物联网培训学院所有,欢迎转载,转载请注明作者出处。谢谢!
作者:黑马程序员Android+物联网培训学院
首发:http://android.itheima.com

 
分享到:
在线咨询 我要报名
和我们在线交谈!