android开发中顶部设计,【Android UI设计与开发】第11期：顶部标题栏（二）ActionBar实现Tab选项卡和下拉导航列表...

在上一篇文章中，我们只是大概的了解了一下关于ActionBar这个类的简单用法，今天我会继续以实例进行更加深入的讲解。 一、实现Tab选项标签 当你想要在一个Activity中提供Tab选项卡时，使用ActionBar的Tab选项标签是一个非常好的选择(而不是使用TabWidget类

在上一篇文章中，我们只是大概的了解了一下关于ActionBar这个类的简单用法，今天我会继续以实例进行更加深入的讲解。

一、实现Tab选项标签

当你想要在一个Activity中提供Tab选项卡时，使用ActionBar的Tab选项标签是一个非常好的选择(而不是使用TabWidget类)，因为系统会调整ActionBar的选项标签来适应不同尺寸的屏幕的需要，，比如在屏幕足够宽的时候，Tab选项标签会被放到主操作栏中；当屏幕太窄的时候，Tab选项标签会被放到一个分离的横条中，如图1和图2所示：

图1

要想使用Tab选项标签在Fragmengt之间切换，你必须在每次选择一个选项标签时执行一个Fragment事务。如果你不熟悉如何使用FragmentTransaction对象来改变Fragment，请阅读博主前面的文章Fragment的详细介绍和使用方法。

首先，你的布局必须包含一个用于放置跟每个Fragment对象关联的选项标签的ViewGroup对象。并且要确保这个ViewGroup对象有一个资源ID，以便你能够在选项标签的切换代码中能够引用它。另外，如果选项标签的内容填充在Activity的布局中(不包括操作栏)，那么Activity不需要任何布局(你甚至不需要调用setContentView()方法)。相反，你能够把每个Fragment对象放到默认的根ViewGroup对象中，你能够用android.R.id.content ID来引用这个ViewGroup对象(在Fragment执行事务期间，你能够在下面的示例代码中看到如何使用这个ID的。

决定了Fragment对象在布局中的显示位置后，添加Tab选项标签的基本过程如下：

<1> 实现ActionBar.TabListener接口。这个接口中回调方法会响应选项标签上的用户事件，以便你能够切换Fragment对象；

<2> 对于每个要添加的选项标签，都要实例化一个ActionBar.Tab对象，并且调用setTabListener()方法设置ActionBar.Tab对象的事件监听器。还可以用setText()或setIcon()方法来设置选项标签的标题或图标；

<3> 通过调用addTab()方法，把每个选项标签添加到操作栏。

二、实现Tab选项标签效果图

三、项目结构图

四、详细代码编写

1、在上面的效果图中，标题栏的最右边有一个时钟，这个效果纯属娱乐，实现的方法也很简单，在menu的布局文件中定义一个活动视图Action View，main.xml：

android:id="@+id/action_clock"

android:orderInCategory="100"

android:showAsAction="always"

android:title="@string/action_settings"

android:actionLayout="@layout/clock"/>

2、在写一个时钟的布局文件，clock.xml：<?xml version="1.0" encoding="utf-8"?>

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/analogClock1"

android:layout_width="wrap_content"

android:layout_height="wrap_content" />

3、在定义一个布局文件用来存放Fragment的布局，列出其中一个，fragment_1.xml：<?xml version="1.0" encoding="utf-8"?>

android:layout_width="fill_parent"

android:layout_height="fill_parent" >

android:id="@+id/imageview"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:scaleType="fitCenter"

android:src="@drawable/xianjian01" >

4、定义一个类实现ActionBar.TabListener的接口，在这个实现中，每个Tab选项标签都使用了它自己的监听器，MyTabListener.java：package com.yangyu.myactionbar02;

import android.app.ActionBar.Tab;

import android.app.ActionBar.TabListener;

import android.app.Activity;

import android.app.Fragment;

import android.app.FragmentTransaction;

public class MyTabListener implements TabListener {

private Fragment fragment;

private final Activity mActivity;

private final Class mClass;

public MyTabListener(Activity activity, Class clz){

mActivity = activity;

mClass = clz;

}

@Override

public void onTabSelected(Tab tab, FragmentTransaction ft) {

if(fragment == null){

fragment = Fragment.instantiate(mActivity, mClass.getName());

ft.add(android.R.id.content, fragment, null);

}

ft.attach(fragment);

}

@Override

public void onTabUnselected(Tab tab, FragmentTransaction ft) {

if (fragment != null) {

ft.detach(fragment);

}

}

@Override

public void onTabReselected(Tab tab, FragmentTransaction ft) {

}

}

警告：针对每个回调中的Fragment事务，你都不必调用commit()方法，因为系统会调用这个方法，并且如果你自己调用了这个方法，有可能会抛出一个异常。你也不能把这些Fragment事务添加到回退堆栈中。