ActionBar除了可以本身定制VIEW外,还可以利用ActionBar+ViewPager+Fragment 实现一些好用的效果。
如本次要说的可左右滑动的Tab页布局。
可左右滑动的Tab页布局的好处在于,用单手左右滑动操作即可,而无须去点击切换Tab页。
要实现可于
ActionBar设为NAVIGATION_MODE_TABS模式,实现Tab.
ViewPager用于装载Fragment页面组或View组,使其能左右滑动.
Fragment 用自己的布局,自己的生命周期。具体可查.
http://developer.android.com/reference/android/app/Fragment.html
ActionBar和ViewPager的相互配合主要通过ActionBar的TabListener监听和ViewPager的PageChangeListener监听来交互。
效果如下:
实现步骤如下:
1. 在XML布局文件中指定ViewPager。
<?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" >
<android.support.v4.view.ViewPager
android:id="@+id/vPager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_weight="1.0"
android:background="#000000"
android:flipInterval="30"
android:persistentDrawingCache="animation" />
</LinearLayout>
2. 直接上代码
工程中 ActionBarActivity 引用自android-support-v7-appcompat扩展包。
具体引用方法可参考点击打开链接
public class TabBar4Activity extends ActionBarActivity{
private ActionBar actionBar;
private Spinner mActionbarSpinner;
private ViewPager mPager;
private ArrayList<View> mViews = null;
private ArrayList<Fragment> mFragmentsList;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_tabbar);
//得到Bar
actionBar = getSupportActionBar();
//设置标题
actionBar.setTitle("ActionBar+ViewPager+Fragment");
actionBar.setSubtitle("努力!");
//实现用户点击ActionBar 图标后返回前一个activity
actionBar.setDisplayHomeAsUpEnabled(true) ;
//定义ActionBar模式为NAVIGATION_MODE_TABS
actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
actionBar.addTab(actionBar.newTab()
.setText("t1")
.setIcon(R.drawable.ic_launcher)
.setTabListener(MyBarTabListener));
actionBar.addTab(actionBar.newTab()
.setText("t2")
.setIcon(R.drawable.ic_launcher)
.setTabListener(MyBarTabListener));
mPager = (ViewPager)findViewById(R.id.vPager);
mFragmentsList = new ArrayList<Fragment>();
Fragment page1fragment = TabPageFragment.newInstance("ActionBar+ViewPager+Fragment page1");
Fragment page2fragment = TabPageFragment.newInstance("ActionBar+ViewPager+Fragment page2");
mFragmentsList.add(page1fragment);
mFragmentsList.add(page2fragment);
mPager.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(), mFragmentsList));
//---------------------------------------------------------------------------
mPager.setOnPageChangeListener(new MyPageScrollEvent());
mPager.setCurrentItem(0);
}
@SuppressLint("NewApi") @Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
//添加菜单项
MenuItem findItem = menu.add(0,1,0,"查找");
MenuItem exitItem = menu.add(0,0,0,"退出");
//绑定到ActionBar
findItem.setShowAsAction(MenuItem.SHOW_AS_ACTION_IF_ROOM);
exitItem.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS);
return true;
}
/**
* ActionBar上的Tab页更改
* http://developer.android.com/reference/android/app/ActionBar.TabListener.html
Public Methods
onTabReselected(ActionBar.Tab tab, FragmentTransaction ft)
Called when a tab that is already selected is chosen again by the user.
onTabSelected(ActionBar.Tab tab, FragmentTransaction ft)
Called when a tab enters the selected state.
onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft)
Called when a tab exits the selected state.
*/
private final TabListener MyBarTabListener = new TabListener(){
private final static String TAG = "MyBarTabListener";
@Override
public void onTabReselected(Tab arg0, FragmentTransaction arg1) {
// TODO Auto-generated method stub
Log.d(TAG,"onTabReselected");
}
@Override
public void onTabSelected(Tab arg0, FragmentTransaction arg1) {
// TODO Auto-generated method stub
Log.d(TAG,"onTabSelected");
//当更改ActionBar上的Tab页有更改时,ViewPager显示相关的页面
if (mPager != null)
mPager.setCurrentItem(arg0.getPosition());
}
@Override
public void onTabUnselected(Tab arg0, FragmentTransaction arg1) {
// TODO Auto-generated method stub
Log.d(TAG,"onTabUnselected");
}
};
/**
* 用于ViewPager滑动时触发.
*
* http://docs.eoeandroid.com/reference/android/support/v4/view/ViewPager.OnPageChangeListener.html
onPageScrollStateChanged(int state)
Called when the scroll state changes.
onPageScrolled(int position, float positionOffset, int positionOffsetPixels)
This method will be invoked when the current
page is scrolled, either as part of a programmatically initiated
smooth scroll or a user initiated touch scroll.
onPageSelected(int position)
This method will be invoked when a new page becomes selected.
*/
class MyPageScrollEvent implements OnPageChangeListener
{
private final static String TAG = "MyPageScrollEvent";
@Override
public void onPageScrollStateChanged(int arg0) {
// TODO Auto-generated method stub
Log.d(TAG,"onPageScrollStateChanged");
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
// TODO Auto-generated method stub
Log.d(TAG,"onPageScrolled");
}
@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
Log.d(TAG,"onPageSelected");
//当滑动ViewPager 换页时,将ActionBar上的Tab显示到对应页
actionBar.selectTab(actionBar.getTabAt(arg0));
}
}
/**
* FragmentPagerAdapter继承自PagerAdapter,是其中的一种实现。
* 它将每一个页面表示为一个 Fragment,并且每一个Fragment都将会保存到fragment manager当中。
* 而且,当用户没可能再次回到页面的时候,fragment manager才会将这个Fragment销毁。.
* @author XCL
*
*/
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
private ArrayList<Fragment> fragmentsList;
public MyFragmentPagerAdapter(FragmentManager fm) {
super(fm);
}
public MyFragmentPagerAdapter(FragmentManager fm, ArrayList<Fragment> fragments) {
super(fm);
this.fragmentsList = fragments;
}
@Override
public Fragment getItem(int arg0) {
// TODO Auto-generated method stub
return fragmentsList.get(arg0);
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return fragmentsList.size();
}
}
/**
* 菜单事件响应
*/
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
switch (item.getItemId()) {
case 0:
//displayToast("退出菜单");
break;
case 1:
//displayToast("查找菜单");
break;
case android.R.id.home:
Intent intent = new Intent(this, MainActivity.class);
intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP
| Intent.FLAG_ACTIVITY_NEW_TASK);
startActivity(intent);
Toast.makeText(getApplicationContext(), "android.R.id.home", 0)
.show();
break;
default: //action_compose
break;
}
return super.onOptionsItemSelected(item);
}
}
TabPageFragment.java
public class TabPageFragment extends Fragment{
private static final String TAG = "TabPageFragment";
private String pagInfo;
static TabPageFragment newInstance(String s) {
TabPageFragment newFragment = new TabPageFragment();
Bundle bundle = new Bundle();
bundle.putString("fgArg", s);
newFragment.setArguments(bundle);
return newFragment;
}
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
Log.d(TAG, "TabPageFragment-----onCreate");
Bundle args = getArguments();
pagInfo = args != null ? args.getString("fgArg") : "page";
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {
Log.d(TAG, "TabPageFragment-----onCreateView");
View view = inflater.inflate(R.layout.fragment_demo, container, false);
TextView viewTvPage = (TextView) view.findViewById(R.id.tv_page);
viewTvPage.setText(pagInfo);
return view;
}
@Override
public void onDestroy() {
super.onDestroy();
Log.d(TAG, "TabPageFragment-----onDestroy");
}
}
fragment_demo.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"
android:background="#708090" >
<TextView
android:id="@+id/tv_page"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="TextView" />
</LinearLayout>
MAIL:xcl_168@aliyun.com
我的CSDN BLOG: http://blog.csdn.net/xcl168