前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自定义actionbar

自定义actionbar

作者头像
xiangzhihong
发布2018-01-29 16:43:26
7030
发布2018-01-29 16:43:26
举报
文章被收录于专栏:向治洪向治洪

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,如下:

代码语言:html
复制
<?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

代码语言: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文件中:

代码语言:html
复制
<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>。

最后效果图:

项目打包下载:

点击打开

本文参与?腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014-05-13 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客?前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与?腾讯云自媒体同步曝光计划? ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
http://www.vxiaotou.com