选项卡切换监听器 Android。

44

我的 HomeActivity 扩展自 AppCompatActivity,使用 2 个选项卡。

public class HomeActivity extends AppCompatActivity {

    private SectionsPagerAdapter mSectionsPagerAdapter;
    private TabLayout tabLayout;
    ...

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        ...
        mSectionsPagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager());
        tabLayout = (TabLayout) findViewById(R.id.tabs);
        tabLayout.setupWithViewPager(mViewPager);
    }

    ...

如何监听选项卡切换事件?如果需要增加代码以使其更清晰,请告知。


4
你有没有尝试过谷歌一下? - azizbekian
https://dev59.com/OV0Z5IYBdhLWcg3w6j-_#30904479 - Junaid Hafeez
setOnTabSelectedListener已被弃用。 - jay
8个回答

83

您可以使用OnTabChangeListener。请见下文。

    TabLayout tabLayout = new TabLayout(this);
    tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            //do stuff here
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });

希望它能够帮助。


1
如果您在2021年使用viewpager2,请参考https://dev59.com/vFIH5IYBdhLWcg3wYtGr#66490570。 - BabyishTank

11

使用 ViewPager.onPageChangeListener

mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {

        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });
}

如何跳过第一个?它在应用启动时被调用,但我希望当用户按下选项卡按钮时调用 onPageSelected - user924
找到了符合我的需求的解决方案,我们可以使用 binding.tabLayout.addOnTabSelectedListener 代替。 - user924

10

您可以使用 addOnTabSelectedListener 方法:

tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            viewPager.setCurrentItem(tab.getPosition());
            if (tab.getPosition() == 0) {
                toolBarTitle.setText("Tab one");
            } else if (tab.getPosition() == 1) {
                toolBarTitle.setText("Tab two");
            } else {
                toolBarTitle.setText("Tab three");
            }
        }

        @Override
        public void onTabUnselected(TabLayout.Tab tab) {

        }

        @Override
        public void onTabReselected(TabLayout.Tab tab) {

        }
    });

6

Kotlin爱好者的标签切换监听器

tab_selector_layout.addOnTabSelectedListener(object : TabLayout.OnTabSelectedListener{
        override fun onTabSelected(tab: TabLayout.Tab?) {
            
        }

        override fun onTabUnselected(tab: TabLayout.Tab?) {
            
        }

        override fun onTabReselected(tab: TabLayout.Tab?) {
            
        }

    })

2

来自文档

你需要实现TabLayout.OnTabSelectedListener

    public class HomeActivity extends AppCompatActivity implements TabLayout.OnTabSelectedListener

重写以下方法以侦听事件:

 @Override
    public void onTabSelected(TabLayout.Tab tab) {
          int position = tab.getPosition();
    }

    @Override
    public void onTabUnselected(TabLayout.Tab tab) {

    }

    @Override
    public void onTabReselected(TabLayout.Tab tab) {

    }

1
你应该将 OnTabChangeListener 实现到 TabActivity 类中,而不是 Tab 内容。
在你的 TabActivity 中实现 OnTabChangeListener
然后为 TabHost mTabHost.setOnTabChangedListener(this); 设置监听器。

Ex.1

@Override
public void onTabChanged(String tabId) {
    Log.i("selected tab ", tabId);

}

Ex.2

  public class HelloTabWidget extends TabActivity implements OnTabChangeListener{

private TabHost mTabHost;
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    Resources res = getResources(); 
    TabHost tabHost = getTabHost();  
    TabHost.TabSpec spec;  
    Intent intent; 
    mTabHost = getTabHost();


    intent = new Intent().setClass(this, BarActivity.class);
    spec = tabHost.newTabSpec("Name").setIndicator("Name",res.getDrawable(R.drawable.ic_tab_name)).setContent(intent);
    tabHost.addTab(spec);

    intent = new Intent().setClass(this, CityActivity.class);
    spec = tabHost.newTabSpec("city").setIndicator("City",res.getDrawable(R.drawable.ic_tab_city)).setContent(intent); 
    tabHost.addTab(spec);

    intent = new Intent().setClass(this, MapsActivity.class);
    spec = tabHost.newTabSpec("Country").setIndicator("Country",res.getDrawable(R.drawable.ic_tab_map)).setContent(intent);
    tabHost.addTab(spec);        

    tabHost.setCurrentTab(2);
    mTabHost.setOnTabChangedListener(this);
}

public void onTabChanged(String tabId) {
    Toast.makeText(getApplicationContext(), "Selected Tab "+tabId, Toast.LENGTH_LONG).show();
    Log.i("selected tab index", "Current index - "+ mTabHost.getCurrentTab());      
}} 

onTabChanged现已被弃用。 - Priyanthi

0

这取决于你想要什么。如果你只想知道选项卡页是否更改,或者找出选择了哪个选项卡位置,请使用:

mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
    public void onPageScrollStateChanged(int state) {

    }
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

    }

    public void onPageSelected(int position) {

    }
});

否则,如果您想跟踪选项卡本身,您将需要像这样实现TabLayout.OnTabSelectedListener

public class HomeActivity extends AppCompatActivity implements TabLayout.OnTabSelectedListener

并将这些方法添加到您的HomeActivity类中:

@Override
public void onTabSelected(TabLayout.Tab tab) {

}

@Override
public void onTabUnselected(TabLayout.Tab tab) {

}

@Override
public void onTabReselected(TabLayout.Tab tab) {

}

0
tab_layout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
           @Override
           public void onTabSelected(TabLayout.Tab tab) {

               viewpager.setCurrentItem(tab.getPosition());

               if (tab.getPosition() == 6 || tab.getPosition() == 11 )

                   if (mInterstitialAd.isLoaded()) {
                       mInterstitialAd.show();

                   }
           }

这个问题已经有多个答案和一个被接受的答案了。您能否通过编辑您的答案来解释您的答案与其他答案的区别?同时请注意,仅有代码的答案从长远来看是没有用处的。 - 7uc1f3r

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接