Android自定义ActionBar实例
程序员文章站
2022-07-03 19:01:38
本文实例讲述了android自定义actionbar的实现方法。分享给大家供大家参考。具体实现方法如下:
android 3.0及以上已经有了actionbar的api,...
本文实例讲述了android自定义actionbar的实现方法。分享给大家供大家参考。具体实现方法如下:
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>
<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;
}
}
});
}
}
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>
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>。
最后效果图:
项目实例代码点击此处本站下载。
希望本文所述对大家的android程序设计有所帮助。