首页 > 代码库 > 安卓项目开发实战(1)续--首页顶部菜单用actionbar实现
安卓项目开发实战(1)续--首页顶部菜单用actionbar实现
经过了两个晚上的研究,终于可以实现简单的actionbar了。在这期间,我发现大部分讲解actionbar的文章都是基于4.0以上版本的,对于低版本使用actionbar没有详细的讲解,经过长时间搜索发现了以下两个比较好的文章:
http://www.cnblogs.com/tianzhijiexian/p/3871416.html
http://blog.csdn.net/xyz_lmn/article/details/12623609
经过我一番实践发现要在3.0以下版本实现actionbar还真要费一番周折,下面来具体说下低版本使用actionbar的步骤
1、先要添加4.0支持
(1)项目右键 --> import --> Android --> Existing Android Code Into workspace
--> 选择..\sdk\extras\android\support\v7\appcompat(根据自己的文件存放路径先择)
--> 勾选copy projects into workspace --> finish
(若出现unable to resolve target ‘android-16‘, 修改project.properties)
(2)在项目中引用android.support.v7
项目右键 --> properties --> Android --> Library --> Add --> OK
2、修改系统主题
<style name="AppBaseTheme" parent="Theme.AppCompat.Light">(2)同时values11/styles.xml对应的主题也要修改
<style name="AppBaseTheme" parent="Theme.AppCompat.Light">第一个是给2.3.3以及以下版本用的,第二个是给4.0及以上版本用的。。
下面的操作基本上和http://www.cnblogs.com/tianzhijiexian/p/3871416.html差不多了
3、给actionbar添加menuitem
新建/res/menu/menuitem.xml内容如下:
<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" tools:context="com.liuc.ui.activity.MainActivity" > <!-- 自定义的视图菜单 只显示图标 --> <item android:id="@+id/clock_item_id" app:actionLayout="@layout/actionbar_useritem" app:showAsAction="always"/> </menu>
对应的res/layout/actionbar_item.xml的内容为
<?xml version="1.0" encoding="utf-8"?> <ImageView xmlns:android="http://schemas.android.com/apk/res/android" android:padding="5dp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src=http://www.mamicode.com/"@drawable/header">
这里有一点需要注意:* 官方推荐每一个item项都要有icon和title图标,因为系统默认显示的是图标,
* 而且当屏幕空间不够的时候,未显示的菜单就会隐藏到列表中,而列表中只能显示title字段的值。
<item
android:id="@+id/clock_item_id"
android:showAsAction="withText"
android:title="clock"
app:actionLayout="@layout/clock"
app:showAsAction="always"/>
这里需要特别注意的是,文件要有自己的命名空间。而且设置showAsAction或actionLayout时需要用自定义命名空间中的属性,否则无效!这里自定 的命名空间语句为:
xmlns:app="http://schemas.android.com/apk/res-auto"
activity加载菜单的代码为:package com.liuc.ui.activity; import android.os.Bundle; import android.support.v7.app.ActionBar; import android.support.v7.app.ActionBarActivity; import android.view.Menu; import android.view.MenuInflater; import com.liuc.R; /** * 星座程序入口 * @author liuchao * */ public class MainActivity extends ActionBarActivity{ private ActionBar actionBar; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); actionBar = getSupportActionBar();//初始化ActionBar actionBar.setDisplayHomeAsUpEnabled(true);//显示左边的小箭头 actionBar.setDisplayShowHomeEnabled(true);//显示home图片 // actionBar.setIcon(getResources().getDrawable(R.drawable.ic_launcher));//设置左边的图标 actionBar.setBackgroundDrawable(getResources().getDrawable(R.drawable.bar_color));//设置背景图 } @Override public boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.mainmenu, menu); return super.onCreateOptionsMenu(menu); } }这样一个简单的actionbar效果就完成了。。
代码地址:http://download.csdn.net/detail/shanhuhau/7954799
效果图如下:
安卓项目开发实战(1)续--首页顶部菜单用actionbar实现