adao7000
adao7000

Reputation: 3670

Implementing sliding tabs in a fragment

I'm looking at a guide on how to use TabLayout. This is how they show to attach the PagerAdapter class.

public class MainActivity extends FragmentActivity {

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

    // Get the ViewPager and set it's PagerAdapter so that it can display items
    ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
    viewPager.setAdapter(new SampleFragmentPagerAdapter(getSupportFragmentManager(), 
        MainActivity.this));

    // Give the TabLayout the ViewPager
    TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
    tabLayout.setupWithViewPager(viewPager);
}

However, their TabLayout is in an Activity, and mine is in a Fragment. I'm having trouble adapting their code to my use case, because I don't fully understand the practical differences between activities and fragments. Right now, when I try and swipe between tabs, nothing happens. Here is my code:

public class CandidateListFragment extends Fragment {
public static final String TAG = "candidates";

@InjectView(R.id.tabLayout) TabLayout tabLayout;

public CandidateListFragment() {
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View v = inflater.inflate(R.layout.fragment_candidatelist, container, false);
    initInstances(v);
    return v;
}

private void initInstances(View v){
    //TODO: Change to support below API level 21
    getActivity().findViewById(R.id.toolbar_actionbar).setElevation(R.dimen.toolbar_candidatelist_elevation);
    ViewPager viewPager = (ViewPager) v.findViewById(R.id.viewpager);
    viewPager.setAdapter(new TabsFragmentPagerAdapter(getActivity().getSupportFragmentManager(),
            getActivity()));
    ButterKnife.inject(this, v);
    tabLayout.setupWithViewPager(viewPager);
}

@Override public void onDestroyView() {
    super.onDestroyView();
    ButterKnife.reset(this);
}

Upvotes: 3

Views: 796

Answers (1)

adao7000
adao7000

Reputation: 3670

I figured it out!!! I had my xml layout file for the fragment set to RelativeLayout instead of LinearLayout, so my ViewPager wasn't on the screen, which meant I couldn't swipe. It's the simple mistakes that get me

Upvotes: 3

Related Questions