ActionBar + Fragment 实现Tab导航Demo

来源：互联网发布：阿国网络随笔qq空间编辑：程序博客网时间：2024/05/16 04:59

可以在ActionBar中设置tab导航模式，就可以添加一些tab。每个tab对应不同的Fragment，点击不同的Tab就切换到对应的Fragment。

有几个关键的步骤：

1.通过ActionBar actionBar = getActionBar()获得actionbar。

2.设置AcitonBar的操作模式： actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

3.添加tab，调用AciontBar的newTab()生成一个ActionBar.Tab. 二.为Tab增加text或者icon .调用setText() ， setIcon()

4.定义一个新类实现 ActionBar.TabListener接口：class MyTabListener implements TabListener，其中要override一些函数：onTabSelected、onTabReSelected、onTabUnSelected

5.为每个 ActionBar.Tab 添加ActionBar.TabListener.最后调用addTab()将生成的Tab加入ActionBar中

下面贴源码：

显示效果：

ActionTab_Activity.java

package com.zd.example.acition_test;
import android.app.ActionBar;
import android.app.ActionBar.Tab;
import android.app.ActionBar.TabListener;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.view.Menu;

public class ActionTab_Activity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_actiontab);
System.out.println("MainActivity--->onCreate");
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_actiontab);

// 得到Activity的ActionBar
ActionBar actionBar = getActionBar();
// 设置AcitonBar的操作模型
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
// 将Activity的头部去掉
actionBar.setDisplayShowTitleEnabled(false);
// 生成Tab
Tab edit = actionBar.newTab().setText("Tab B");
Tab computer = actionBar.newTab().setText("Tab A");
// 为每个Tab添加Listener
MyTabListener editListener = new MyTabListener(new Fragment_B());
edit.setTabListener(editListener);
MyTabListener computerListener = new MyTabListener(new Fragment_A());
computer.setTabListener(computerListener);
// 将Tab加入ActionBar中
actionBar.addTab(edit);
actionBar.addTab(computer);
}

@Override
protected void onStop()
{
System.out.println("MainActivity--->onStop");
super.onStop();
}

/**
* 实现ActionBar.TabListener接口，构造函数中把fragment传进来了，为了更好的控制fragment
*/
class MyTabListener implements TabListener
{
// 接收每个Tab对应的Fragment，操作
private Fragment fragment;

public MyTabListener(Fragment fragment)
{
this.fragment = fragment;
}
@Override
public void onTabReselected(Tab tab, FragmentTransaction ft)
{
}
@Override
// 当Tab被选中的时候添加对应的Fragment
public void onTabSelected(Tab tab, FragmentTransaction ft)
{
ft.replace(R.id.context, fragment, null);//这里要不然使用 ft.replace(R.id.context, fragment, null)，之后不能使用commit(),要不然会报错。或者注释这条语句，使用下面注释的语句

// FragmentTransaction fragmentTransaction = getFragmentManager().beginTransaction();
//试用fragment替换activity中的main组件
//fragmentTransaction.replace(R.id.context, fragment);
//提交事物
//fragmentTransaction.commit();
//提交事物

}

// 当Tab没被选中的时候删除对应的此Tab对应的Fragment
@Override
public void onTabUnselected(Tab tab, FragmentTransaction ft)
{
ft.remove(fragment);
}

}

@Override //这里可要也可不要，只是菜单
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.action_tab_, menu);
return true;
}
}

activity_actiontab.xml

Fragment_A.java

package com.zd.example.acition_test;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class Fragment_A extends Fragment
{
@Override
public void onCreate(Bundle savedInstanceState)
{
System.out.println("ComputerFragment--->onCreate");
super.onCreate(savedInstanceState);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
{
System.out.println("ConputerFragment--->onCreateView");
return inflater.inflate(R.layout.tab_a, container, false);//返回R.layout.tab_a所指的view
}

@Override
public void onStop()
{
System.out.println("ConputerFragment--->onStop");
super.onStop();
}
}

Fragment_B.java

package com.zd.example.acition_test; import android.app.Fragment; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; public class Fragment_B extends Fragment { @Override public void onCreate(Bundle savedInstanceState) { System.out.println("EidtFragment--->onCreate"); super.onCreate(savedInstanceState); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { System.out.println("EidtFragment--->onCreateView"); return inflater.inflate(R.layout.tab_b, container, false); } @Override public void onStop() { System.out.println("EidtFragment--->onStop"); super.onStop(); } }

tab_a.xml

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_margin="5dp" android:text="Hello ,this is fragment A" android:textSize="20dp" /> </LinearLayout>

tab_b.xml

0 0