通过ActionBar设置Tabs

最新推荐文章于 2025-08-11 21:24:53 发布

RaylnGuan

最新推荐文章于 2025-08-11 21:24:53 发布

阅读量71

点赞数

CC 4.0 BY-SA版权

分类专栏： android 文章标签：移动开发 java

本文链接：https://blog.youkuaiyun.com/rayln/article/details/84396869

android 专栏收录该内容

121 篇文章

订阅专栏

本文提供了一个关于在Android应用中实现ActionBar选项卡功能的完整示例。通过MainActivity.java代码展示了如何创建并设置多个选项卡，以及如何为每个选项卡配置对应的Fragment。此外，还介绍了如何在选项卡之间进行切换时加载不同的布局。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网上竟然很少这个完整的例子，我这里做一个例子让大家分享一下

MainActivity.java

package com.example.actionbarmenu;

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.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.ViewGroup;

public class MainActivity extends Activity{

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		final ActionBar ab = getActionBar();
		// set defaults for logo & home up  
		ab.setDisplayHomeAsUpEnabled(false);  
        ab.setDisplayUseLogoEnabled(false);
		// 设置AcitonBar的操作模型
		ab.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        // 将Activity的头部去掉
		ab.setDisplayShowTitleEnabled(false);
        ab.addTab(ab.newTab().setText("Tab-A").setTabListener(new TabLister(new FragmentA())));   
        ab.addTab(ab.newTab().setText("Tab-B").setTabListener(new TabLister(new FragmentB()))); 
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// Inflate the menu; this adds items to the action bar if it is present.
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}


	private class TabLister implements TabListener{
		private Fragment fragment;
		TabLister(Fragment fragment){
			this.fragment = fragment;
		}

		@Override
		public void onTabReselected(Tab tab, FragmentTransaction ft) {
			//ft.add(R.id.context, fragment);
		}

		@Override
		public void onTabSelected(Tab tab, FragmentTransaction ft) {
			ft.add(R.id.context, fragment);
		}

		@Override
		public void onTabUnselected(Tab tab, FragmentTransaction ft) {
			ft.remove(fragment);
		}

	}
	private class FragmentA extends Fragment{
		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container,
				Bundle savedInstanceState) {
			// TODO Auto-generated method stub
			return inflater.inflate(R.layout.activity_main_fragment_a, container, false);
		}
	}
	private class FragmentB extends Fragment{
		@Override
		public View onCreateView(LayoutInflater inflater, ViewGroup container,
				Bundle savedInstanceState) {
			// TODO Auto-generated method stub
			return inflater.inflate(R.layout.activity_main_fragment_b, container, false);
		}
	}
}

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <FrameLayout
        android:id="@+id/context"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true">
    </FrameLayout>

</RelativeLayout>

activity_main_fragment_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" >

    <FrameLayout
        android:id="@+id/fragmentA"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

		<TextView
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:text="1111111" />

	</FrameLayout>
</LinearLayout>

activity_main_fragment_b.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" >

    <FrameLayout
        android:id="@+id/fragmentA"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

		<TextView
		    android:layout_width="wrap_content"
		    android:layout_height="wrap_content"
		    android:text="2222222" />

	</FrameLayout>
</LinearLayout>

[img]http://dl.iteye.com/upload/attachment/0080/9956/a6663688-4dca-3c2b-858a-f69b5961fda7.png[/img]