Android: ViewPagerIndicator - Creating different layouts for different pages

Question

I need to create four different layouts, each one to a page of ViewPagerIndicator. How can I do this? The ViewPagerIndicator is already working, but I'm using the sample from http://viewpagerindicator.com and there is created a simple TextView for all pages.

See the sample (TestFragment.java):

  @Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

    TextView text = new TextView(getActivity());
    text.setGravity(Gravity.CENTER);
    text.setText(mContent);
    text.setTextSize(20 * getResources().getDisplayMetrics().density);
    text.setPadding(20, 20, 20, 20);

    LinearLayout layout = new LinearLayout(getActivity());
    layout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
    layout.setGravity(Gravity.CENTER);
    layout.addView(text);

    return layout;
}

I need to identify the current page (position) and refer to a related resource layout (XML). Is it possible?

I also need to ensure that all Views of all pages to be loaded at once only one time when I create the activity, allowing values to be updated later.

I appreciate any help!! Thanks

score 5 · Accepted Answer · answered May 22 '12 at 05:48

5

I found a simple solution which works for me. Here is what I did.

TestFragment.class

      public static TestFragment newInstance(String content) {
        TestFragment fragment = new TestFragment();
//
//        StringBuilder builder = new StringBuilder();
//        for (int i = 0; i < 20; i++) {
//            builder.append(content).append(" ");
//        }
//        builder.deleteCharAt(builder.length() - 1);
        fragment.mContent = content;

        return fragment;
    }

Comment out the for loop here. Just get the mContent which we are going to use as a Flag.

Now in your onCreateView() change it as follows,

   @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
//        TextView text = new TextView(getActivity());
//        text.setGravity(Gravity.CENTER);
//        text.setText(mContent);
//        text.setTextSize(20 * getResources().getDisplayMetrics().density);
//        text.setPadding(20, 20, 20, 20);
//
//        LinearLayout layout = new LinearLayout(getActivity());
//        layout.setLayoutParams(new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));
//        layout.setGravity(Gravity.CENTER);
//        layout.addView(text);
        Log.i("mContent",mContent);
        View view=null;
        if(mContent.equalsIgnoreCase("title1"))
        {
            view = inflater.inflate(R.layout.one, container, false);

        }
        else if(mContent.equalsIgnoreCase("title2"))
        {
            view = inflater.inflate(R.layout.two, container, false);
        }
        else if(mContent.equalsIgnoreCase("title3"))
        {
            view = inflater.inflate(R.layout.three, container, false);
        }
        return view;

    }

That is all it takes. Now you will be able to inflate your views based on the Title name which we have used as the flag.

answered May 22 '12 at 05:48

Andro Selva

53,910
52
193
240

Yes! that's it! It worked for me. The only thing I changed in your code is that I need to work with the position of the page and not the title, because the application is multi language. In the class that extends the Fragment Adapter, I changed to: public Fragment getItem(int position) { return baseFragment.newInstance(String.valueOf(position));} – Daniel May 22 '12 at 13:32
yeah. That's rite. I understood that it is not a good practice, but since the question was asked a several hours ago, I had to go for a fast solution. I am happy it works for you. – Andro Selva May 22 '12 at 13:34
Seems that when I'm on page 4 for example, the contents of page 1 and 2 is reloaded and I lose some information. Do you know any way to avoid this? – Daniel May 22 '12 at 13:54
What kind of information are you losing? I just did a sample based on it. I am not aware of it actually. – Andro Selva May 22 '12 at 14:01
I did a test, I put a button on page 2, when clicked it changes the self text to another text... So I scroll to page 4, and when I back to page 2, the button text is the original :( ... It would be better if all pages are loaded at once. – Daniel May 22 '12 at 14:15
well actually the code works like this, each time you make a scroll the view gets null and draws a new view. So What you have to do is, declare the number of views required(say 5 views if you have 5 fragments). And now in onCreateView, check for null, and if null populate your view else just display that view which you have declared globally. should solve the problem,. – Andro Selva May 22 '12 at 14:18
I understand, but looking at the documentation [http://developer.android.com/reference/android/support/v4/view/ViewPager.html#setOffscreenPageLimit(int)] ... I found a simpler solution to do what I need. mPager.setOffscreenPageLimit(5); The default is 1 (adjacents - I think). Thank you again! – Daniel May 22 '12 at 14:32
The real problem with this solution is the reloading when you move between pages. – Idan Gozlan Jan 29 '13 at 13:38
your code workds nice. @AndroSelva can you please answer http://stackoverflow.com/questions/22961427/touch-or-click-event-viewpagerindicator-in-android. i stuck here since days – Manwal Apr 09 '14 at 12:03

Android: ViewPagerIndicator - Creating different layouts for different pages

1 Answers1

Linked