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>
、
、
还有一些属性,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;
- }
- }
- });
- }
- }
- <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>
最后效果图: