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项目,假设你把相关的代码放在了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>。
最后效果图:

项目实例代码点击此处本站下载。

希望本文所述对大家的Android程序设计有所帮助。

(0)

相关推荐

  • Android中ActionBar和ToolBar添加返回箭头的实例代码

     1.ActionBar添加返回箭头 //onCreate方法中 ActionBar actionBar = this.getSupportActionBar(); actionBar.setTitle("搜索功能"); actionBar.setDisplayHomeAsUpEnabled(true); //activity类中的方法 @Override public boolean onOptionsItemSelected(MenuItem item) { if(item.get

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

    menu部分xml代码 <?xml version="1.0" encoding="utf-8"?> <menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/action_search" android:title="搜索1" android:orderI

  • Android动态修改ToolBar的Menu菜单示例

    Android动态修改ToolBar的Menu菜单 效果图 实现 实现很简单,就是一个具有3个Action的Menu,在我们滑动到不同状态的时候,把对应的Action隐藏了. 开始上货 Menu Menu下添加3个Item <menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xml

  • 灵活使用Android中ActionBar和ViewPager切换页面

    本文实例讲述了Android使用ActionBar和ViewPager切换页面,分享给大家供大家参考.具体如下: 运行效果截图如下: 项目布局如下: 具体代码如下: MainActivity.java代码 import java.util.ArrayList; import java.util.List; import android.os.Bundle; import android.support.v4.app.Fragment; import android.support.v4.app.

  • android中开启actionbar的两种方法

    两种方法,第一种是静态开启方法 把application 或者 activity的主题设置为Theme.Holo即可 <?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.baidu.homer" android:versi

  • android中一些特殊字符(如:←↑→↓等箭头符号)的Unicode码值

    在项目中,有时候在一些控件(如Button.TextView)中要添加一些符号,如下图所示:                         这个时候可以使用图片的方式来显示,不过这些可以直接使用Unicode码就直接显示出来了. 4个箭头图标的代码如下: <RelativeLayout android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight=&

  • Android折叠式Toolbar使用完全解析(CollapsingToolbarLayout)

    简介 在各种不同的应用中,大家可能会经常见到这样一个效果:Toolbar是透明的,有着一个背景图片以及大标题,随着页面向上滑动,其标题逐渐缩放到Toolbar上,而背景图片则在滑动到一定程度后变成了Toolbar的颜色,这种效果也即是折叠式效果.其实这种效果在GitHub上面已经有很多开源库实现了,但是Google在其推出的Design Library库中也给出了一个这种控件,让我们很方便地实现了这种效果.这个控件是CollapsingToolbarLayout,它是一个增强型的FrameLay

  • Android下拉列表选项框及指示箭头动画

    android原生的Spinner提供了下拉列表选项框,但在一些流行的APP中,原生的Spinner似乎不太受待见,而通常会有下图所示的下拉列表选项框: 初始化状态: 点击弹出下拉选择选项框: 选中后: 注意那个指示箭头,如果把这个控件写的比较精细的话,在下拉-选择-复位过程中箭头是应该有动画旋转效果的. 这种样式的选择框实现方案很多,并且常见.常用,我自己写了一个,我写的这个例子的代码运行结果就是上图所示. 首先是MainActivity.Java: package zhangphil.app

  • Android自定义Toolbar使用方法详解

    本篇文章介绍: 如何使用Toolbar; 自定义Toolbar; 先来看一看效果,了解一下toolbar: 布局文件: <android.support.v7.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@co

  • Android自定义ViewGroup实现带箭头的圆角矩形菜单

    本文和大家一起做一个带箭头的圆角矩形菜单,大概长下面这个样子: 要求顶上的箭头要对准菜单锚点,菜单项按压反色,菜单背景色和按压色可配置. 最简单的做法就是让UX给个三角形的图片往上一贴,但是转念一想这样是不是太low了点,而且不同分辨率也不太好适配,干脆自定义一个ViewGroup吧! 自定义ViewGroup其实很简单,基本都是按一定的套路来的. 一.定义一个attrs.xml 就是声明一下你的这个自定义View有哪些可配置的属性,将来使用的时候可以自由配置.这里声明了7个属性,分别是:箭头宽

随机推荐