备案控制台
开发者社区 开发与运维 文章 正文

自定义actionbar

2014-05-13 1333
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： <p>Android 3.0及以上已经有了ActionBar的API，可以通过引入support package在3.0以下的平台引用这些API，但这儿呢，完全自定义一个ActionBar，不用引入额外jar包，参照的是开源的UI组件GreeenDroid，项目主页：<a target="_blank" href="https://github.com/cyrilmottier/Green

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] view plain copy
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     xmlns:bar="http://schemas.android.com/apk/res/com.leaf.actionbar"   
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     android:orientation="vertical" >  
  7.       
  8.     <com.leaf.actionbar.ActionBar  
  9.         android:id="@id/gd_action_bar"  
  10.         android:layout_height="@dimen/gd_action_bar_height"  
  11.         android:layout_width="fill_parent"  
  12.         android:background="?attr/gdActionBarBackground"  
  13.         bar:type="normal"  
  14.         bar:title="Test ActionBar" />  
  15. </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] view plain copy
  1. public class MainActivity extends Activity {  
  2.   
  3.     private ActionBar mActionBar;  
  4.     private final Handler mHandler = new Handler();  
  5.   
  6.     @Override  
  7.     protected void onCreate(Bundle savedInstanceState) {  
  8.         super.onCreate(savedInstanceState);  
  9.         setContentView(R.layout.main);  
  10.         // 针对type是normal的情况  
  11.         mActionBar = (ActionBar) findViewById(R.id.gd_action_bar);  
  12.         // 添加右边的具体的item，其实是imagebutton  
  13.         // 它内部自己封装了一些type，比如refresh、search，主要就是直接使用它内置的一些图片作为imagebutton的src  
  14.         // 后面是该imagebutton的id，可以在values/ids.xml中定义  
  15.         // 刷新跟其他type有所不一样，除了一个imagebutton，还有一个progressbar，下面可看到  
  16.         mActionBar.addItem(Type.Refresh, R.id.action_bar_refresh);  
  17.         mActionBar.addItem(Type.Search, R.id.action_bar_search);  
  18.         // 你也可以按照下面一样自己添加一个item，设置自己的图片  
  19.         mActionBar.addItem(  
  20.                 mActionBar.newActionBarItem(NormalActionBarItem.class)  
  21.                         .setDrawable(R.drawable.gd_action_bar_eye)  
  22.                         .setContentDescription("view"), R.id.action_bar_view);  
  23.         // 给item即imagebutton添加监听事件  
  24.         mActionBar.setOnActionBarListener(new OnActionBarListener() {  
  25.   
  26.             @Override  
  27.             public void onActionBarItemClicked(int position) {  
  28.   
  29.                 if (position == ActionBar.OnActionBarListener.HOME_ITEM) {  
  30.   
  31.                     // 当按左边的主页按钮时所触发的操作  
  32.                     Toast.makeText(MainActivity.this, "home or back",  
  33.                             Toast.LENGTH_SHORT).show();  
  34.                     return;  
  35.   
  36.                 }  
  37.   
  38.                 final ActionBarItem item = mActionBar.getItem(position);  
  39.   
  40.                 switch (item.getItemId()) {  
  41.                 case R.id.action_bar_refresh:  
  42.                     if (item instanceof LoaderActionBarItem) {  
  43.   
  44.                         mHandler.postDelayed(new Runnable() {  
  45.                             @Override  
  46.                             public void run() {  
  47.                                 // 通过这个方法可以来显示和隐藏那个progressbar  
  48.                                 ((LoaderActionBarItem) item).setLoading(false);  
  49.                             }  
  50.                         }, 2000);  
  51.                     }  
  52.   
  53.                     Toast.makeText(MainActivity.this, "refresh",  
  54.                             Toast.LENGTH_SHORT).show();  
  55.                     break;  
  56.   
  57.                 case R.id.action_bar_search:  
  58.   
  59.                     // 你具体的操作  
  60.                     Toast.makeText(MainActivity.this, "search",  
  61.                             Toast.LENGTH_SHORT).show();  
  62.                     break;  
  63.   
  64.                 case R.id.action_bar_view:  
  65.   
  66.                     // 你具体的操作  
  67.                     Toast.makeText(MainActivity.this, "view",  
  68.                             Toast.LENGTH_SHORT).show();  
  69.                     break;  
  70.   
  71.                 }  
  72.             }  
  73.         });  
  74.     }  
  75.   
  76. }  
最后还要注意一点，在AndroidManifest.xml文件中：
[html] view plain copy
  1. <application  
  2.         android:icon="@drawable/ic_launcher"  
  3.         android:label="testactionbar"   
  4.         android:theme="@style/Theme.GreenDroid">  
  5.         <activity android:name=".MainActivity">  
  6.             <intent-filter>  
  7.                 <action android:name="android.intent.action.MAIN" />  
  8.                 <category android:name="android.intent.category.LAUNCHER" />  
  9.             </intent-filter>  
  10.         </activity>  
  11. </application>  
不加这句会报错的，这个theme继承自parent="android:Theme"，里面有些自定义的style。如果你想比如将window的title栏去掉，应该在这个theme文件里再加上：<item name="android:windowNoTitle">true</item>。
最后效果图：

项目打包下载：

点击打开
文章标签：
Android开发
Java
API
ctrip_xzh
目录
相关文章
张继群
|
2月前
自定义tablayout，好用
自定义tablayout，好用
张继群
13 0
张继群
|
2月前
|
Android开发
android 快速更改TabLayout的选中背景颜色。
android 快速更改TabLayout的选中背景颜色。
张继群
17 0
宁波阿成.
|
4天前
|
搜索推荐 Android开发
自定义Android标题栏TitleBar布局
自定义Android标题栏TitleBar布局
宁波阿成.
7 1
mogqp3unktbnq
|
XML Java Android开发
Android自定义标题栏替代复杂的Actionbar
组合控件，顾名思义就是将一些小的控件组合起来形成一个新的控件，这些小的控件多是系统自带的控件。比如很多应用中普遍使用的标题栏控件，其实用的就是组合控件，那么下面将通过实现一个简单的标题栏自定义控件来说说组合控件的用法。
mogqp3unktbnq
152 0
BennuC
|
XML 数据格式
自定义Toolbar的一些小技巧
1、改变Toolbar高度（解决图标不垂直居中） 背景：实际使用中，toolbar默认高度有些大，会挤压内容。想将toolbar高度改小，将layout_height从wrap_content改为固定值。 情况：toolbar的layout_height比默认高度小的时候，发现标题是居中的，但是两侧的图标不垂直居中而偏下了 调查：网上有很多方法，基本都是无效的。甚至有人利用反射直接修改图标的imageview的gravity，非常复杂且右侧图标无法实现。
BennuC
195 0
itfitness
|
Android开发 容器 数据格式
TabLayout的自定义
TabLayout的自定义，主要是通过setCustomView方法来添加自定义布局实现。 自定义TabLayout的实现主要包含以下几个步骤 ●创建自定义布局（这里我加了一个动画控件，可以替换成其他控件） ...
itfitness
1957 0
科技小先锋
|
Android开发 容器
Android之Actionbar顶部标签的使用
科技小先锋
1199 0
余二五
|
API
自定义Spinner之IconSpinner
余二五
1261 0
技术小胖子
|
XML Android开发 数据安全/隐私保护
Dialog详解（包括进度条、PopupWindow、自定义view、自定义样式的对话框）
技术小胖子
1618 0
技术小胖子
|
Android开发 Java
利用Theme自定义Activity间的切换动画
技术小胖子
1101 0