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>  

这个自定义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>。
最后效果图:

时间: 2024-11-07 08:42:51

Android自定义ActionBar的相关文章

Android 自定义ActionBar

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

Android 自定义ActionBar.Tab对象的表现

 最近想修改ActionBar.Tab对象的文本字体和颜色 发现该对象提供的接口非常有限 而网上搜索关于ActionBar.Tab结果大多比较早 使用的也不是google提供的例子中的ActionBar 于是自己研究了一天 找到了使用接口setCustomView来自定义ActionBar.Tab对象 先通过ActionBar.getTabAt(int) 获得一个ActionBar.Tab对象 然后调用setCustomView 使用自定义的layout 注意这里没有生产layout的对象 

android自定义View之(七)------自定义控件组合仿actionbar控件

我们前面写了6个自定义view的样例,这都是全新自已画的控件.在这个样例中,我们来用几个现有的控件来组合成一个新的控件. 效果图: 我们用二个Button和一个TextView组合来成为一个actionbar,下面先来一个效果图: 关键代码: (1)res/layout/custom_action_bar.xml----组合控件布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android&quo

Android 自定义Toolbar/ActionBar视图左边有空白

最近自定义Toolbar之后,发现左侧不能完全填充,总是留一点空白,经过查看新发布的V7的支持包中的style发现了解决方法. 查看Wiget.AppCompat.Toolbar的parent,如下: <style name="Base.Widget.AppCompat.Toolbar" parent="android:Widget"> <item name="titleTextAppearance">@style/Tex

【Android UI设计与开发】第13期:顶部标题栏(四)自定义ActionBar风格和样式

转载请注明出处:http://blog.csdn.net/yangyu20121224/article/details/9087941   这篇文章将对ActionBar专题前面几篇学习过的内容做一个总结,顺便运用以前学过的知识实现一个自定义样式的ActionBar标题栏效果.话不多说,进入今天的正题. 一.实现效果图 竖屏效果图:最左边是Logo图标,右边是工具栏按钮,点击Menu键显示其余的按钮键,下方是Tab标签选项. 横屏效果图:竖屏中的Tab选项标签变成了中间的下拉导航按钮 二.项目结

android新版本support包V7后自定义actionbar左边有一块空白无法填充

1. 问题描述 最近我自定义actionbar时发现自定义actionbar左边有一块空白无法填充.一开始我是发现支持包V7的../res/values/styles_base.xml文件内的 <style name="Base.Widget.AppCompat.ActionBar" parent=""> <item name="displayOptions">showTitle</item> <item

Android中自定义ActionBar的背景色等样式style

Android中想要去自定义ActionBar的背景色等样式. [折腾过程] 1.自己找代码,发现对应的配置的地方了: AndroidManifest.xml ? 1 2 <application     android:theme="@style/AppTheme" > 找到 /res/values/styles.xml 中的: ? 1 2 3 <style name="AppTheme" parent="@android:style/

Android:自定义ActionBar高分辨率下左边缺一块的解决方案

这是自定义ActionBar样式的布局(使用的是SherlockActionBar,整体自定义) View customView = getLayoutInflater().inflate(R.layout.actionbar_custom_view, null); ActionBarUtil.init(); // ... getSupportActionBar().setDisplayShowCustomEnabled(true); getSupportActionBar().setCusto

Android中ActionBar以及menu的代码设置样式

Android中ActionBar以及menu的代码样式如何设置?今天麦子学院android开发老师主要介绍Android中ActionBar以及menu的代码设置样式,,有需求的朋友可以参阅下 menu有些xml代码 http://schemas.android.com/apk/res/android"> <="" div=""> android:title="查找1" android:orderInCategory