TabLayout tab selection

Question

How should I select a tab in TabLayout programmatically     TabLayout tabLayout    TabLayout  findViewById R id tabs    tabLayout setupWithViewPager viewPager

User · Answer

try this      new Handler   postDelayed              new Runnable                     Override                 public void run                         if  i    1                           tabLayout getTabAt 0  select                          else if  i    2                           tabLayout getTabAt 1  select                                                           100

User · Answer

You can set TabLayout position using following functions  public void setTab     tabLayout setScrollPosition YOUR SCROLL INDEX 0 true    tabLayout setSelected true

User · Answer

Use this   tabs getTabAt index  select

User · Answer

Kotlin fix   viewPager currentItem   0  tabs setupWithViewPager viewPager

User · Answer

If it so happens that your default tab is the first one 0  and you happen to switch to a fragment  then you must manually replace the fragment for the first time  This is because the tab is selected before the listener gets registered   private TabLayout mTabLayout         Override public View onCreateView  NonNull LayoutInflater inflater  ViewGroup container  Bundle savedInstanceState        View view   inflater inflate R layout fragment tablayout  container  false       mTabLayout   view findViewById R id sliding tabs       mTabLayout addOnTabSelectedListener mOnTabSelectedListener        getActivity   getSupportFragmentManager   beginTransaction            replace R id tabContent  MyFirstFragment newInstance    commit        return view      Alternatively  you can consider calling getTabAt 0  select   and overriding onTabReselected like so    Override public void onTabReselected TabLayout Tab tab           Replace the corresponding tab fragment      This would work because you are essentially replacing the fragment on every tab reselect

User · Answer

Just set viewPager setCurrentItem index  and the associated TabLayout would select the respective tab

User · Answer

This is how I solved it   void selectPage int pageIndex       tabLayout setScrollPosition pageIndex 0f true       viewPager setCurrentItem pageIndex

User · Answer

This can help too   viewPager addOnPageChangeListener new ViewPager OnPageChangeListener          Override     public void onPageScrolled int i  float v  int i1                Override     public void onPageSelected int i            tablayout getTabAt i  select                Override     public void onPageScrollStateChanged int i

User · Answer

you should use a viewPager to use viewPager setCurrentItem     viewPager setCurrentItem n    tabLayout setOnTabSelectedListener new TabLayout OnTabSelectedListener                  Override             public void onTabSelected TabLayout Tab tab                    viewPager setCurrentItem tab getPosition                                 Override             public void onTabUnselected TabLayout Tab tab                                Override             public void onTabReselected TabLayout Tab tab

User · Answer

If you know the index of the tab you want to select  you can do it like so   TabLayout tabLayout    TabLayout  findViewById R id tabs   TabLayout Tab tab   tabLayout getTabAt someIndex   tab select      This technique works even if you re using the TabLayout by itself without a ViewPager  which is atypical  and probably bad practice  but I ve seen it done

User · Answer

I am using TabLayout to switch fragments  It works for the most part  except whenever I tried to select a tab programmatically using tab select    my TabLayout OnTabSelectedListener would trigger the onTabSelected TabLayout Tab tab   which would cause me much grief  I was looking for a way to do programmatic selection without triggering the listener   So I adapted  kenodoggy  s answer to my use  I was further facing a problem where some of the internal objects would return null  because they weren t created yet  because I was answering onActivityResult   from my fragment  which occurs before onCreate   in the case the activity is singleTask or singleInstance  so I wrote up a detailed if else sequence which would report the error and fall through without the NullPointerException that would otherwise trigger  I use Timber for logging  if you re not using that substitute with Log e     void updateSelectedTabTo int position        if  tabLayout    null           int selected   tabLayout getSelectedTabPosition            if  selected    -1               TabLayout Tab oldTab   tabLayout getTabAt 0               if  oldTab    null                   View view   oldTab getCustomView                    if  view    null                       view setSelected false                                     else                       Timber e  oldTab customView is null                                                else                   Timber e  oldTab is null                                    else               Timber e  selected is -1                      TabLayout Tab newTab   tabLayout getTabAt position           if  newTab    null               View view   newTab getCustomView                if  view    null                   view setSelected false                             else                   Timber e  newTab customView is null                                    else               Timber e  newTab is null                        else           Timber e  tablayout is null              Here  tabLayout is my memory variable bound to the TabLayout object in my XML  And I don t use the scrolling tab feature so I removed that as well

User · Answer

By default if you select a tab it will be highlighted  If you want to select Explicitly means use the given commented code under onTabSelected TabLayout Tab tab  with your specified tab index position  This code will explains about change fragment on tab selected position using viewpager   public class GalleryFragment extends Fragment implements TabLayout OnTabSelectedListener    private ViewPager viewPager public ViewPagerAdapter adapter private TabLayout tabLayout   Override public View onCreateView LayoutInflater inflater  ViewGroup container                           Bundle savedInstanceState    View rootView   inflater inflate R layout fragment gallery  container  false   viewPager    ViewPager  rootView findViewById R id viewpager   adapter   new ViewPagerAdapter getChildFragmentManager     adapter addFragment new PaymentCardFragment     PAYMENT CARDS    adapter addFragment new LoyaltyCardFragment     LOYALTY CARDS    viewPager setAdapter adapter   tabLayout    TabLayout  rootView findViewById R id tabs       tabLayout setupWithViewPager viewPager       tabLayout setOnTabSelectedListener this       Override public void onTabSelected TabLayout Tab tab          This will be called 2nd when you select a tab or swipe using viewpager     final int position   tab getPosition        Log i  card    Tablayout pos      position         TabLayout Tab tabdata tabLayout getTabAt position         tabdata select        tabLayout post new Runnable              Override         public void run                 if  position    0                    PaymentCardFragment paymentCardFragment   getPaymentCardFragment                    if  paymentCardFragment    null                       VerticalViewpager vp   paymentCardFragment mypager                      if vp  null                                                vp setCurrentItem position true                         vp setCurrentItem vp getAdapter   getCount  -1 true                                                                       if  position    1                   LoyaltyCardFragment loyaltyCardFragment   getLoyaltyCardFragment                    if  loyaltyCardFragment    null                       VerticalViewpager vp   loyaltyCardFragment mypager                      if vp  null                                                vp setCurrentItem position                                                                                 Override public void onTabUnselected TabLayout Tab tab       This will be called 1st when you select a tab or swipe using viewpager    Override public void onTabReselected TabLayout Tab tab        This will be called only when you select the already selected tab Ex  selecting 3rd tab again and again     private PaymentCardFragment getLoyaltyCardFragment         Fragment f   adapter mFragmentList get viewPager getCurrentItem         if f instanceof PaymentCardFragment           return  PaymentCardFragment  f          return null     private LoyaltyCardFragment getPaymentCardFragment         Fragment f   adapter mFragmentList get viewPager getCurrentItem         if f instanceof LoyaltyCardFragment           return  LoyaltyCardFragment  f          return null       class ViewPagerAdapter extends FragmentPagerAdapter      public List lt Fragment gt  mFragmentList   new ArrayList lt  gt         private final List lt String gt  mFragmentTitleList   new ArrayList lt  gt        public void addFragment Fragment fragment  String title       mFragmentList add fragment      mFragmentTitleList add title

User · Answer

If you have trouble understanding  this code can help you  private void MyTabLayout        TabLayout Tab myTab   myTabLayout newTab       create a new tab     myTabLayout addTab myTab      add my new tab to myTabLayout     myTab setText  new tab         myTab select       select the new tab     You can also add this to your code   myTabLayout setTabTextColors getColor R color colorNormalTab  getColor R color colorSelectedTab

User · Answer

If you can t use tab select   and you don t want to use a ViewPager  you can still programmatically select a tab  If you re using a custom view through TabLayout Tab setCustomView android view View view  it is simpler  Here s how to do it both ways      if you ve set a custom view void updateTabSelection int position           get the position of the currently selected tab and set selected to false     mTabLayout getTabAt mTabLayout getSelectedTabPosition    getCustomView   setSelected false          set selected to true on the desired tab     mTabLayout getTabAt position  getCustomView   setSelected true          move the selection indicator     mTabLayout setScrollPosition position  0  true               your logic to swap out your fragments     If you aren t using a custom view then you can do it like this     if you are not using a custom view void updateTabSelection int position           get a reference to the tabs container view     LinearLayout ll    LinearLayout  mTabLayout getChildAt 0          get the child view at the position of the currently selected tab and set selected to false     ll getChildAt mTabLayout getSelectedTabPosition    setSelected false          get the child view at the new selected position and set selected to true     ll getChildAt position  setSelected true          move the selection indicator     mTabLayout setScrollPosition position  0  true               your logic to swap out your fragments     Use a StateListDrawable to toggle between selected and unselected drawables or something similar to do what you want with colors and or drawables

User · Answer

This is probably not the ultimate solution  and it requires that you use the TabLayout together with a ViewPager  but this is how I solved it   void selectPage int pageIndex        viewPager setCurrentItem pageIndex       tabLayout setupWithViewPager viewPager       I tested how big the performance impact of using this code is by first looking at the CPU- and memory monitors in Android Studio while running the method  then comparing it to the load that was put on the CPU and memory when I navigated between the pages myself  using swipe gestures   and the difference isn t significantly big  so at least it s not a horrible solution     Hope this helps someone

User · Answer

You can try solving it with this   TabLayout tabLayout    TabLayout  findViewById R id tabs   tabLayout setupWithViewPager mViewPager    TabLayout Tab tab   tabLayout getTabAt pos   if  tab    null        tab select

User · Answer

A bit late but might be a useful solution  I am using my TabLayout  directly in my Fragment and trying to select a tab quite early in the Fragment s Lifecycle  What worked for me was to wait until the TabLayout finished drawing its child views by using   android view View post method  i e   int myPosition   0  myFilterTabLayout post    - gt    filterTabLayout getTabAt myPosition  select

User · Answer

Use this    lt android support design widget TabLayout     android id    id patienthomescreen tabs      android layout width  match parent      android layout height  72sp      app tabGravity  fill      app tabMode  fixed      app tabIndicatorColor   android color white      app tabSelectedTextColor   color green   gt    After in OnClickListener   TabLayout tabLayout    TabLayout  findViewById R id patienthomescreen tabs   TabLayout Tab tab   tabLayout getTabAt someIndex   tab select

User · Answer

With the TabLayout provided by the Material Components Library just use the selectTab method   TabLayout tabLayout   findViewById R id tab layout   tabLayout selectTab tabLayout getTabAt index        It requires version 1 1 0

User · Answer

TabLayout jobTabs   v findViewById R id jobTabs   ViewPager jobFrame   v findViewById R id jobPager   jobFrame addOnPageChangeListener new TabLayout TabLayoutOnPageChangeListener jobTabs      this will select tab as view pager swipe page

User · Answer

add for your viewpager    viewPager addOnPageChangeListener new ViewPager OnPageChangeListener                   Override             public void onPageSelected int position                    array clear                    switch  position                        case 1                            like a example                         setViewPagerByIndex 0                           break                                                Override             public void onPageScrolled int position  float positionOffset  int positionOffsetPixels                                Override             public void onPageScrollStateChanged int state                                  on handler to prevent crash outofmemory  private void setViewPagerByIndex final int index       Application getInstance   getHandler   post new Runnable              Override         public void run                 viewPager setCurrentItem index

User · Answer

If you are using TabLayout with viewPager then this helps you  You set the TabLayout with ViewPager in addOnpagelistener  if you want to set the TabLayout position directly not click on the Tab individual  try below code tabLayout getTabAt position you want to set  select           will be invoked whenever the page changes or is incrementally scrolled       viewPager addOnPageChangeListener new ViewPager OnPageChangeListener              Override         public void onPageScrolled int position  float positionOffset  int positionOffsetPixels                         Override         public void onPageSelected int position                tabLayout getTabAt position  select                        Override         public void onPageScrollStateChanged int state

User · Answer

if u are using TabLayout without viewPager this helps   mTitles   getResources   getStringArray R array tabItems       mIcons   getResources   obtainTypedArray R array tabIcons       for  int i   0  i  lt  mTitles length  i               tabs addTab tabs newTab   setText mTitles i   setIcon mIcons getDrawable i             if  i    0                  For setting selected position 0 at start               Objects requireNonNull Objects requireNonNull tabs getTabAt i   getIcon    setColorFilter ContextCompat getColor getApplicationContext    R color colorPrimary   PorterDuff Mode SRC IN                        tabs addOnTabSelectedListener new TabLayout OnTabSelectedListener              Override         public void onTabSelected TabLayout Tab tab                Objects requireNonNull tab getIcon    setColorFilter ContextCompat getColor getApplicationContext    R color colorPrimary   PorterDuff Mode SRC IN                       Override         public void onTabUnselected TabLayout Tab tab                Objects requireNonNull tab getIcon    setColorFilter ContextCompat getColor getApplicationContext    R color white   PorterDuff Mode SRC IN                       Override         public void onTabReselected TabLayout Tab tab

User · Answer

A combined solution from different answers is   new Handler   postDelayed    - gt       myViewPager setCurrentItem position  true      myTabLayout setScrollPosition position  0f  true      100

User · Answer

Try this way   tabLayout setTabTextColors getResources   getColor R color colorHintTextLight                              getResources   getColor R color colorPrimaryTextLight

[android] TabLayout tab selection

Examples related to android

Examples related to android-viewpager

Examples related to android-tablayout

Examples related to android-design-library