Search code examples
androidandroid-fragmentsandroid-viewpager

How to hide previous button on first fragment and next button on last fragment in viewpager?


Here's my MainActivity that initiates Circlepageindicator.

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.view.Window;
import android.widget.Button;

public class MainActivity extends FragmentActivity {
ViewPager pager;
Button prev,next;
@Override
protected void onCreate(Bundle savedInstanceState) {
    this.requestWindowFeature(Window.FEATURE_NO_TITLE);
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

     MyPagerAdapter adapter=new MyPagerAdapter();
     pager = (ViewPager)findViewById(R.id.view_pager);
     pager.setAdapter(adapter);     
     pager.setCurrentItem(0);

     //Bind the title indicator to the adapter
     CirclePageIndicator titleIndicator = (CirclePageIndicator)findViewById(R.id.titles);
     titleIndicator.setViewPager(pager);


     prev = (Button) findViewById(R.id.prev);   
     prev.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // Do something in response to button click
                pager.setCurrentItem(pager.getCurrentItem() - 1);

            }
        });

     next = (Button) findViewById(R.id.next);
     next.setOnClickListener(new View.OnClickListener() {
            public void onClick(View v) {
                // Do something in response to button click
                pager.setCurrentItem(pager.getCurrentItem() + 1);

            }
        });

}

@Override
public void onBackPressed() {
    if (pager.getCurrentItem() == 0) {
        // If the user is currently looking at the first step, allow the system to handle the
        // Back button. This calls finish() on this activity and pops the back stack.
        super.onBackPressed();
    } else {
        // Otherwise, select the previous step.
        pager.setCurrentItem(pager.getCurrentItem() - 1);
    }
}

}

I have Circlepageindicator working fine with previous and next buttons. But i want to hide previous button on first fragment and next button on last fragment. Newbie in this. Any suggestions are accepted. Thank you.

enter image description here

Updated:

Found solution.

CirclePageIndicator titleIndicator = (CirclePageIndicator)findViewById(R.id.titles);
     titleIndicator.setViewPager(pager);

     titleIndicator.setOnPageChangeListener(new OnPageChangeListener() {

        @Override
        public void onPageSelected(int arg0) {
            // TODO Auto-generated method stub
            if(pager.getCurrentItem() == 0)
            {
                prev.setVisibility(View.GONE);
                next.setVisibility(View.VISIBLE);
            }
            if(pager.getCurrentItem() == 1)
            {
                prev.setVisibility(View.VISIBLE);
                next.setVisibility(View.VISIBLE);
            }
            if(pager.getCurrentItem() == 2)
            {
                prev.setVisibility(View.VISIBLE);
                next.setVisibility(View.GONE);
            }
        }

        @Override
        public void onPageScrolled(int arg0, float arg1, int arg2) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onPageScrollStateChanged(int arg0) {
            // TODO Auto-generated method stub

        }
    });

Now on swipe and on button click, buttons show/hide at respective pages.


Solution

  • In your onPageScrolled method of OnPageChangeListener of ViewPager titleIndicator.setOnPageChangeListener(new PagerChangeListener());

    class PagerChangeListener implements OnPageChangeListener {
        @Override
                public void onPageScrolled(int arg0, float arg1, int arg2) {
    
                    pageSelected = arg0;
    
                    switch (pageSelected) {
                    case 0: {
    
                        preButton.setVisibility(View.INVISIBLE);
                    }
    
                        break;
    
                    case 2: {
    
                        nexButton.setVisibility(View.INVISIBLE);
                    }
    
                        break;
    
                    default: {
                        nexButton.setVisibility(View.VISIBLE);
                        preButton.setVisibility(View.VISIBLE);
                    }
                        break;
                    }
    
                }
    }