现在的位置: 首页 > 综合 > 正文

Android自定义ActionBar

2012年12月18日 ⁄ 综合 ⁄ 共 3603字 ⁄ 字号 评论关闭

Android 3.0及以上已经有了ActionBar的API,可以通过引入support package在3.0以下的平台引用这些API,但这儿呢,完全自定义一个ActionBar,不用引入额外jar包,参照的是开源的UI组件GreeenDroid,项目主页:https://github.com/cyrilmottier/GreenDroid 。提取出关于ActionBar的相关文件,你可以放在自己的项目中,最后会附下载地址。下面说下在程序中的用法。

新建一个TestActionBar项目,假设你把相关的代码放在了com.leaf.actionbar这个包下。首先新建一个布局文件,main.xml,如下:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:bar="http://schemas.android.com/apk/res/com.leaf.actionbar" 
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    
    <com.leaf.actionbar.ActionBar
        android:id="@id/gd_action_bar"
        android:layout_height="@dimen/gd_action_bar_height"
        android:layout_width="fill_parent"
        android:background="?attr/gdActionBarBackground"
        bar:type="normal"
        bar:title="Test ActionBar" />
</LinearLayout> 

这个自定义ActionBar其实是个Linearlayout,还有些自己的属性,首先要定义一个命名空间,名字随意,如上面的bar。title就是actionbar的上的标题;type是区分这个actionbar的上左边item的布局,有三种类型,一种是normal:左边是一个显示主页的imagebutton和显示title的textview,一种是dashboard,左边是一个显示app图标的imageview和显示title的textview,一种是empty,左边只有一个显示title的textview,右边都是自己添加的按钮,默认是normal。如下:分别对应normal、dashboard和empty。

还有一些属性,homeDrawable可以替换左边那个图片,默认是那个主页的图片,dividerDrawable:分割线,dividerWidth:分割线宽度,maxItems:右边添加的item的最大个数。可选择添加。

接着MainActivity.java

public class MainActivity extends Activity {

	private ActionBar mActionBar;
	private final Handler mHandler = new Handler();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		// 针对type是normal的情况
		mActionBar = (ActionBar) findViewById(R.id.gd_action_bar);
		// 添加右边的具体的item,其实是imagebutton
		// 它内部自己封装了一些type,比如refresh、search,主要就是直接使用它内置的一些图片作为imagebutton的src
		// 后面是该imagebutton的id,可以在values/ids.xml中定义
		// 刷新跟其他type有所不一样,除了一个imagebutton,还有一个progressbar,下面可看到
		mActionBar.addItem(Type.Refresh, R.id.action_bar_refresh);
		mActionBar.addItem(Type.Search, R.id.action_bar_search);
		// 你也可以按照下面一样自己添加一个item,设置自己的图片
		mActionBar.addItem(
				mActionBar.newActionBarItem(NormalActionBarItem.class)
						.setDrawable(R.drawable.gd_action_bar_eye)
						.setContentDescription("view"), R.id.action_bar_view);
		// 给item即imagebutton添加监听事件
		mActionBar.setOnActionBarListener(new OnActionBarListener() {

			@Override
			public void onActionBarItemClicked(int position) {

				if (position == ActionBar.OnActionBarListener.HOME_ITEM) {

					// 当按左边的主页按钮时所触发的操作
					Toast.makeText(MainActivity.this, "home or back",
							Toast.LENGTH_SHORT).show();
					return;

				}

				final ActionBarItem item = mActionBar.getItem(position);

				switch (item.getItemId()) {
				case R.id.action_bar_refresh:
					if (item instanceof LoaderActionBarItem) {

						mHandler.postDelayed(new Runnable() {
							@Override
							public void run() {
								// 通过这个方法可以来显示和隐藏那个progressbar
								((LoaderActionBarItem) item).setLoading(false);
							}
						}, 2000);
					}

					Toast.makeText(MainActivity.this, "refresh",
							Toast.LENGTH_SHORT).show();
					break;

				case R.id.action_bar_search:

					// 你具体的操作
					Toast.makeText(MainActivity.this, "search",
							Toast.LENGTH_SHORT).show();
					break;

				case R.id.action_bar_view:

					// 你具体的操作
					Toast.makeText(MainActivity.this, "view",
							Toast.LENGTH_SHORT).show();
					break;

				}
			}
		});
	}

}

最后还要注意一点,在AndroidManifest.xml文件中:

<application
        android:icon="@drawable/ic_launcher"
        android:label="testactionbar" 
        android:theme="@style/Theme.GreenDroid">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
</application>

不加这句会报错的,这个theme继承自parent="android:Theme",里面有些自定义的style。如果你想比如将window的title栏去掉,应该在这个theme文件里再加上:<item name="android:windowNoTitle">true</item>。
最后效果图:

项目打包下载:

点击打开

抱歉!评论已关闭.