ActionBar + Fragment + ViewPager

1. 使用ViewPager首先要导入android-support-v4.jar,我用的新版ADT,默认就有
2. 上代码:
src/com/wind/actionbar/HelloActionBarActivity.java
package com.wind.actionbar;

import android.app.ActionBar;
import android.app.ActionBar.Tab;
import android.app.ActionBar.TabListener;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.Menu;

public class HelloActionBarActivity extends FragmentActivity{
    private static final String TAG = "HelloActionBarActivity";
    public final static int TAB_INDEX_1 = 0;
    public final static int TAB_INDEX_2 = 1;
    public final static int TAB_INDEX_3 = 2;
    public final static int TAB_COUNT = 3;
    
    private ViewPager mViewPager;  
	private ActionBar actionBar;

    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Log.v(TAG, "onCreate");
        setContentView(R.layout.main);

        actionBar = getActionBar();
        //设置AcitonBar的操作模型
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
        //去掉title
        actionBar.setDisplayShowHomeEnabled(false);
        actionBar.setDisplayShowTitleEnabled(false);
        
        setupTab1();
        setupTab2();
        setupTab3();  
        
        //创建 ViewPager 
        mViewPager = (ViewPager)findViewById(R.id.pager);
        mViewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager()));
        mViewPager.setOnPageChangeListener(new MyPagerListener());
        mViewPager.setCurrentItem(TAB_INDEX_2); 
    }

    private void setupTab1() {
    	Tab tab = this.getActionBar().newTab();
    	tab.setContentDescription("Tab1");
    	tab.setText("Tab1");
    	tab.setTabListener(new MyTabListener());
    	getActionBar().addTab(tab);
	}

    private void setupTab2() {
    	Tab tab = this.getActionBar().newTab();
    	tab.setContentDescription("Tab2");
    	tab.setText("Tab2");
    	tab.setTabListener(new MyTabListener());
    	getActionBar().addTab(tab);
	}
    
    private void setupTab3() {
    	Tab tab = this.getActionBar().newTab();
    	tab.setContentDescription("Tab3");
    	tab.setText("Tab3");
    	tab.setTabListener(new MyTabListener());
    	getActionBar().addTab(tab);
	}
	/**
     * 实现ActionBar.TabListener接口
     */
    class MyTabListener implements TabListener
    {
        public MyTabListener() {
			super();
		}

		@Override
		public void onTabReselected(Tab tab, FragmentTransaction ft) {
			// TODO Auto-generated method stub
		}

		@Override
		public void onTabSelected(Tab tab, FragmentTransaction ft) {
			Log.v(TAG, "onTabSelected");
			if (mViewPager != null)  
                mViewPager.setCurrentItem(tab.getPosition());  
		}

		@Override
		public void onTabUnselected(Tab tab, FragmentTransaction ft) {
			Log.v(TAG, "onTabUnselected");
		}
       
    }
    class MyPagerListener implements OnPageChangeListener{

		@Override
		public void onPageScrollStateChanged(int arg0) {
			// TODO Auto-generated method stub
			
		}

		@Override
		public void onPageScrolled(int arg0, float arg1, int arg2) {
			// TODO Auto-generated method stub
		}

		@Override
		public void onPageSelected(int arg0) {
			// TODO Auto-generated method stub
			getActionBar().selectTab(getActionBar().getTabAt(arg0));  
		}
    	
    };
    
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		//this.getMenuInflater().inflate(R.menu.menu, menu);
		return super.onCreateOptionsMenu(menu);
	}
}

res/layout/main.xml
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/context"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="match_parent"
    	android:layout_height="match_parent"
    />
    
</FrameLayout>

/src/com/wind/actionbar/MyPagerAdapter.java
package com.wind.actionbar;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyPagerAdapter extends FragmentPagerAdapter {

	public MyPagerAdapter(FragmentManager fm) {
		super(fm);
		// TODO Auto-generated constructor stub
	}

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return HelloActionBarActivity.TAB_COUNT;
	}

	@Override
	public Fragment getItem(int arg0) {
		switch (arg0) { 
		case HelloActionBarActivity.TAB_INDEX_1:
			return new Tab1Fragment();

		case HelloActionBarActivity.TAB_INDEX_2:
			return new Tab2Fragment();
			
		case HelloActionBarActivity.TAB_INDEX_3:
			return new Tab3Fragment();
		}
		return null;
	}
}

/src/com/wind/actionbar/Tab1Fragment.java
package com.wind.actionbar;

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

public class Tab1Fragment extends Fragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.custom_action_view, container, false);
		//return super.onCreateView(inflater, container, savedInstanceState);
	}
}

/src/com/wind/actionbar/Tab2Fragment.java
package com.wind.actionbar;

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

public class Tab2Fragment extends Fragment {

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.two_button_hor, container, false);
		//return super.onCreateView(inflater, container, savedInstanceState);
	}
}

/src/com/wind/actionbar/Tab3Fragment.java
package com.wind.actionbar;

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

public class Tab3Fragment extends Fragment {
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.title, container, false);
	}
}


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
您可以通过以下步骤在AndroidActionBar的标题居: 1. 创建一个自定义布局文件,例如:custom_actionbar.xml,其包含一个TextView元素,用于显示标题。 ``` <?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="wrap_content" android:gravity="center"> <TextView android:id="@+id/action_bar_title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="@style/TextAppearance.Widget.AppCompat.Toolbar.Title" android:gravity="center" android:textColor="@color/colorAccent" android:textSize="@dimen/text_size_large" android:textStyle="bold"/> </LinearLayout> ``` 2. 在Activity的onCreate方法,使用setCustomView()方法将自定义布局设置为ActionBar的视图。 ``` @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ActionBar actionBar = getSupportActionBar(); actionBar.setDisplayShowCustomEnabled(true); actionBar.setCustomView(R.layout.custom_actionbar); TextView title = actionBar.getCustomView().findViewById(R.id.action_bar_title); title.setText("标题居"); } ``` 在此示例,我们使用了LinearLayout来垂直居TextView元素,然后将TextView的重心设置为心。您可以自定义布局来满足您的需求,并使用相应的布局属性来实现居效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值