CODEWITHSUNDEEP
android
Neela
Neela

Reputation: 1348

Android vertical action bar tabs

I have managed to get Tabs Without Tabactivity in android 4.1.I mean using FragmentActivity, fragments and actionbar. I got tabs Whenever I click on any tab, it loads each fragment. NoW my problem is that I need the same in Vertical tabs like structure.

 public class MainActivity extends FragmentActivity {

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


      ActionBar actionbar = getActionBar();
      actionbar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

      View view1 = LayoutInflater.from(this).inflate(R.layout.action_bar_layout, null);
      ((TextView) view1.findViewById(R.id.textView)).setText("Tab1");

      ActionBar.Tab tab1 = actionbar.newTab().setCustomView(view1);

      View view2 = LayoutInflater.from(this).inflate(R.layout.action_bar_layout, null);
      ((TextView) view2.findViewById(R.id.textView)).setText("Tab2");

      ActionBar.Tab tab2 = actionbar.newTab().setCustomView(view2);

      View view3 = LayoutInflater.from(this).inflate(R.layout.action_bar_layout, null);
      ((TextView) view3.findViewById(R.id.textView)).setText("Tab3");

      ActionBar.Tab tab3 = actionbar.newTab().setCustomView(view3);

      View view4 = LayoutInflater.from(this).inflate(R.layout.action_bar_layout, null);
      ((TextView) view4.findViewById(R.id.textView)).setText("Tab4");

      ActionBar.Tab tab4 = actionbar.newTab().setCustomView(view4);

      View view5 = LayoutInflater.from(this).inflate(R.layout.action_bar_layout, null);
      ((TextView) view5.findViewById(R.id.textView)).setText("Tab5");

      ActionBar.Tab tab5 = actionbar.newTab().setCustomView(view5);

      Fragment fragment1 = new Fragment1();
      Fragment fragment2 = new Fragment2();
      Fragment fragment3 = new Fragment3();
      Fragment fragment4 = new Fragment4();
      Fragment fragment5 = new Fragment5();

      tab1.setTabListener(new MyTabsListener(fragment1, view1));
      tab2.setTabListener(new MyTabsListener(fragment2, view2));
      tab3.setTabListener(new MyTabsListener(fragment3, view3));
      tab4.setTabListener(new MyTabsListener(fragment4, view4));
      tab5.setTabListener(new MyTabsListener(fragment5, view5));

      actionbar.addTab(tab1);
      actionbar.addTab(tab2);
      actionbar.addTab(tab3);
      actionbar.addTab(tab4);
      actionbar.addTab(tab5);

   }

class MyTabsListener implements TabListener {
    public Fragment fragment;
    public View view;

    public MyTabsListener(Fragment fragment, View view) {
        this.fragment = fragment;
        this.view = view;
    }

    @Override
    public void onTabReselected(Tab tab, android.app.FragmentTransaction ft) {
        System.out.println("onTabReselected");

    }

    @Override
    public void onTabSelected(Tab tab, android.app.FragmentTransaction ft) {

        ((RelativeLayout) view.findViewById(R.id.rootElement)).setBackgroundColor(Color.WHITE);
        ((TextView) view.findViewById(R.id.textView)).setTextColor(Color.BLACK);

        FragmentTransaction fragmentTransaction = getSupportFragmentManager().beginTransaction();
        fragmentTransaction.replace(R.id.mainFragement, fragment);
        fragmentTransaction.commit();

    }

    @Override
    public void onTabUnselected(Tab tab, android.app.FragmentTransaction ft) {
        ((RelativeLayout) view.findViewById(R.id.rootElement)).setBackgroundColor(Color.BLACK);
        ((TextView)view.findViewById(R.id.textView)).setTextColor(Color.WHITE);
    }
}
  }

And my activity_main.xml is,

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout 
android:layout_gravity="center" 
android:layout_height="fill_parent" 
android:layout_width="fill_parent" 
android:orientation="vertical" 
xmlns:android="http://schemas.android.com/apk/res/android"
>
<LinearLayout 
    android:id="@+id/fragment_container" 
    android:layout_height="match_parent" 
    android:layout_width="match_parent"
    >
    <FrameLayout
    android:id="@+id/mainFragement"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >
</FrameLayout>
</LinearLayout>

Upvotes: 4

Views: 1874

Answers (1)

CommonsWare
CommonsWare

Reputation: 1006564

The action bar does not support what I would consider a "Vertical tabs like structure". In fact, a "Vertical tabs like structure" is not generally seen in Android. The closest thing that you will see is in a tablet app in landscape orientation having a ListView on the left controlling the contents of the UI on the right (the so-called "master-detail" pattern).

Upvotes: 3

Related Questions