Android Design Support Library - Tablayout with toolbar

Question

I just made the jump from eclipse to Android Studio and I'm fixing some issues that have come up. One of which is removing the tab navigation offered by ActionBar and switching to the Tablayout offered by AD support library. I have everything up working nicely, but I cannot figure out how to add menu items to the toolbar when specific fragments are on screen.

I think part of the issue is that my MainActivity expands FragmentActivity which takes setActionBar(), and the Toolbar is from the v7 support library - so of course that toolbar is not compatible with that method. I tried setSupportActionBar() but that is not a method found in FragmentActivity - here I'd need to expand ActionBarActivity to access that method, both of which are deprecated (class and method).

So the question remains, how to I make my individual fragments update the options available in the options menu of the toolbar?

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.design.widget.CoordinatorLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <android.support.design.widget.AppBarLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <android.support.v7.widget.Toolbar
                android:id="@+id/main_toolbar"
                android:layout_width="match_parent"
                android:layout_height="?android:attr/actionBarSize"
                android:layout_gravity="top"
                android:background="@color/blue"
                app:layout_scrollFlags="scroll|enterAlways"
                app:layout_collapseMode="pin" />

            <android.support.design.widget.TabLayout
                android:id="@+id/main_sliding_tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:tabIndicatorColor="@color/blue"
                app:tabMode="fixed" />

        </android.support.design.widget.AppBarLayout>
    </android.support.design.widget.CoordinatorLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/main_viewpager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        android:background="@android:color/white" />

</LinearLayout>

MainActivity.java:

public class MainActivity extends FragmentActivity implements
    TabLayout.OnTabSelectedListener {

    private Toolbar                 mToolbar;
    private ViewPager               mViewPager;
    private TabsPagerAdapter        mTabsPagerAdapter;
    private TabLayout               mTabLayout;

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

        // * unrelated code omitted ...

        // * Initialize main navigation scheme
        mToolbar = (Toolbar)findViewById(R.id.main_toolbar);
        mToolbar.setTitleTextColor(getResources().getColor(R.color.white));
        mToolbar.setLogo(R.drawable.icon_toolbar);

        mViewPager = (ViewPager)findViewById(R.id.main_viewpager);
        mTabsPagerAdapter = new TabsPagerAdapter(getSupportFragmentManager());
        mViewPager.setAdapter(mTabsPagerAdapter);

        mTabLayout = (TabLayout)findViewById(R.id.main_sliding_tabs);
        mTabLayout.setupWithViewPager(mViewPager);
        mTabLayout.setOnTabSelectedListener(this);

        mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabLayout));

    }
}

ExampleFragment.java:

public class ExampleFragment extends Fragment {

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View rootView = inflater.inflate(R.layout.fragment_athlete, container, false);

        // * unrelated code omitted ...

        return rootView;
    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        super.onActivityCreated(savedInstanceState);
        setHasOptionsMenu(true);
    }

    @Override
    public void onPrepareOptionsMenu(Menu menu) {
        super.onPrepareOptionsMenu(menu);
        // * unrelated code omitted ...
    }
    @Override
    public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) {
        super.onCreateOptionsMenu(menu, inflater);
        inflater.inflate(R.menu.example_action_menu, menu);
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // * unrelated code omitted ...
        return super.onOptionsItemSelected(item);
    }
}

score 0 · Accepted Answer · answered Jul 29 '15 at 00:19

Had to change my MainActivity to extend AppCompatActivity instead of FragmentActivity. Then in my themes, change it my style to:

<style name="YourCustomTheme" parent="Theme.AppCompat.Light.NoActionBar">
</style>

Note the .NoActionBar theme. Things are now working as expected.

Android Design Support Library - Tablayout with toolbar

1 Answers1