Android Actionbar Tab 导航模式

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

Android Actionbar Tab

下图中，红色矩形圈起来的就是我们 ActionBar Tab，下面我们将一步一步的实现下图中的效果。

初次尝试

package com.example.it.studyactionbartab;import android.support.v7.app.ActionBar; import android.support.v7.app.AppCompatActivity; import android.os.Bundle;public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); String[] tabNames = {"收藏", "全部"}; //使用getSupportActionBar可以有更好的兼容性 ActionBar actionBar = this.getSupportActionBar(); //设置当前的导航模式 actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); //添加Tab for (String name : tabNames) { actionBar.addTab( actionBar.newTab() .setText(name) ); } } }

发现问题

上面的代码看起来已经没有异样了，我们来尝试运行，你就会发现是报错了。会出现一下的信息，ActionBar Tab 必须要有一个回调。

解决问题

我们回过头来看看我们的 Tab 还有哪些方法,看来也就是下图所矩形标注的这个方法像是回调函数，那么让我们来看看此方法的的说明。
Set the ActionBar.TabListener that will handle switching to and from this tab. All tabs must have a TabListener set before being added to the ActionBar.
设置一个 ActionBar.TabListener ，他将控制Tab的开关，所有的Tab必须具有 TabListener ，设置在Tab被添加到ActionBar之前。
该方法，不出意外应该就是我们报错的原因，下面让我们来实现它。

package com.example.it.studyactionbartab;import android.support.v4.app.FragmentTransaction; import android.support.v7.app.ActionBar; import android.support.v7.app.AppCompatActivity; import android.os.Bundle;public class MainActivity extends AppCompatActivity implements ActionBar.TabListener { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); String[] tabNames = {"收藏", "全部"}; //使用getSupportActionBar可以有更好的兼容性 ActionBar actionBar = this.getSupportActionBar(); //设置当前的导航模式为TAGS模式 actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS); /* * 添加Tab * Note: 必须要添加一个TabListener * */ for (String name : tabNames) { actionBar.addTab( actionBar.newTab() .setText(name) .setTabListener(this) ); } } /* * 当选中TAB 时触发的事件 * */ @Override public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) { } /* * 当 Tab取消选中时触发的事件 * */ @Override public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) { } /* * 当重复选中TAB时候触发的事件 * */ @Override public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) { } }

完成功能

既然涉及到了多个界面，那么就到我们的Fragment登场了。只是一个Demo就没有复杂的功能，所以一切从简哈。
Note: 在这里 FragmentTransaction 不用提交，系统会自动的帮助我们提交，如果重复的提交就会，抛出异常。

/* * 当选中TAB 时触发的事件 * */ @Override public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) { Fragment fragment = null; switch (String.valueOf(tab.getText())) { case "收藏": fragment = new FragmentCollect(); break; case "全部": fragment = new FragmentAll(); break; } ft.replace(R.id.activity_main, fragment); // ft.commit(); }