Android ActionBar详解(三):ActionBar实现切换Tabs标签

时间:2022-08-21 23:24:02

实现切换Tabs标签;

Activity代码:

  1. public class ActionBarTabs extends Activity {
  2. @Override
  3. protected void onCreate(Bundle savedInstanceState) {
  4. super.onCreate(savedInstanceState);
  5. setContentView(R.layout.action_bar_tabs);
  6. }
  7. public void onAddTab(View v) {
  8. final ActionBar bar = getActionBar();
  9. final int tabCount = bar.getTabCount();
  10. final String text = "Tab " + tabCount;
  11. bar.addTab(bar.newTab().setText(text)
  12. .setTabListener(new TabListener(new TabContentFragment(text))));
  13. }
  14. public void onRemoveTab(View v) {
  15. final ActionBar bar = getActionBar();
  16. bar.removeTabAt(bar.getTabCount() - 1);
  17. }
  18. public void onToggleTabs(View v) {
  19. final ActionBar bar = getActionBar();
  20. if (bar.getNavigationMode() == ActionBar.NAVIGATION_MODE_TABS) {
  21. bar.setNavigationMode(ActionBar.NAVIGATION_MODE_STANDARD);
  22. bar.setDisplayOptions(ActionBar.DISPLAY_SHOW_TITLE, ActionBar.DISPLAY_SHOW_TITLE);
  23. } else {
  24. bar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
  25. bar.setDisplayOptions(0, ActionBar.DISPLAY_SHOW_TITLE);
  26. }
  27. }
  28. public void onRemoveAllTabs(View v) {
  29. getActionBar().removeAllTabs();
  30. }
  31. private class TabListener implements ActionBar.TabListener {
  32. private TabContentFragment mFragment;
  33. public TabListener(TabContentFragment fragment) {
  34. mFragment = fragment;
  35. }
  36. public void onTabSelected(Tab tab, FragmentTransaction ft) {
  37. ft.add(R.id.fragment_content, mFragment, mFragment.getText());
  38. }
  39. public void onTabUnselected(Tab tab, FragmentTransaction ft) {
  40. ft.remove(mFragment);
  41. }
  42. public void onTabReselected(Tab tab, FragmentTransaction ft) {
  43. Toast.makeText(ActionBarTabs.this, "Reselected!", Toast.LENGTH_SHORT).show();
  44. }
  45. }
  46. private class TabContentFragment extends Fragment {
  47. private String mText;
  48. public TabContentFragment(String text) {
  49. mText = text;
  50. }
  51. public String getText() {
  52. return mText;
  53. }
  54.   
  55. @Override
  56. public View onCreateView(LayoutInflater inflater, ViewGroup container,
  57. Bundle savedInstanceState) {
  58. View fragView = inflater.inflate(R.layout.action_bar_tab_content, container, false);
  59. TextView text = (TextView) fragView.findViewById(R.id.text);
  60. text.setText(mText);
  61. return fragView;
  62. }
  63. }
  64. }

涉及的布局文件action_bar_tabs.xml代码为:

  1. < ?xml version="1.0" encoding="utf-8"?>
  2. < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. android:orientation="vertical">
  6. < FrameLayout android:id="@+id/fragment_content"
  7. android:layout_width="match_parent"
  8. android:layout_height="0dip"
  9. android:layout_weight="1" />
  10. < LinearLayout android:layout_width="match_parent"
  11. android:layout_height="0dip"
  12. android:layout_weight="1"
  13. android:orientation="vertical">
  14. < Button android:id="@+id/btn_add_tab"
  15. android:layout_width="wrap_content"
  16. android:layout_height="wrap_content"
  17. android:text="@string/btn_add_tab"
  18. android:onClick="onAddTab" />
  19. < Button android:id="@+id/btn_remove_tab"
  20. android:layout_width="wrap_content"
  21. android:layout_height="wrap_content"
  22. android:text="@string/btn_remove_tab"
  23. android:onClick="onRemoveTab" />
  24. < Button android:id="@+id/btn_toggle_tabs"
  25. android:layout_width="wrap_content"
  26. android:layout_height="wrap_content"
  27. android:text="@string/btn_toggle_tabs"
  28. android:onClick="onToggleTabs" />
  29. < Button android:id="@+id/btn_remove_all_tabs"
  30. android:layout_width="wrap_content"
  31. android:layout_height="wrap_content"
  32. android:text="@string/btn_remove_all_tabs"
  33. android:onClick="onRemoveAllTabs" />
  34. < /LinearLayout>
  35. < /LinearLayout>

布局文件action_bar_tab_content.xml;

    1. < ?xml version="1.0" encoding="utf-8"?>
    2. < TextView xmlns:android="http://schemas.android.com/apk/res/android"
    3. android:id="@+id/text"
    4. android:layout_width="wrap_content"
    5. android:layout_height="wrap_content" />
【JAVA】鉴于plaincopy