Android

Question

我正在使用 TabLayout 结合 ViewPager 并且我已经为我的选项卡设置了自定义视图。选择和取消选择选项卡时，一切都按预期工作（自定义视图根据 selected/unselected 选项卡更改）。
问题是首次启动时，onTabSelected 方法从未被调用。
这是我的 activity ：

setupViewPager(viewPager);    
tabLayout.setupWithViewPager(viewPager);     

for (int i = 0; i < tabLayout.getTabCount(); i++) {
    tabLayout.getTabAt(i).setCustomView(getViewAt(i));
}

tabLayout.addOnTabSelectedListener(this);

这是setupViewPager和其他方法：

private void setupViewPager(ViewPager viewPager) {
    MyFragmentPagerAdapter adapter = new MyFragmentPagerAdapter(getChildFragmentManager(), getContext(), startDate, endDate);
    viewPager.setAdapter(adapter);
}    

private View getViewAt(int i){
    final Date currentDate = CalendarUtility.addDay(startDate, i);
    View v = LayoutInflater.from(getContext()).inflate(R.layout.layout_custom_tab, null);
    TextView day = (TextView) v.findViewById(R.id.day);
    TextView num = (TextView) v.findViewById(R.id.num);
    day.setText(CalendarUtility.getDayOfWeek(currentDate));
    num.setText(CalendarUtility.getDayOfMonth(currentDate));
    return v;
}

@Override
public void onTabSelected(TabLayout.Tab tab) {
    Toast.makeText(getContext(), "Tab #"+tab.getPosition(), Toast.LENGTH_LONG).show();
    TextView num = (TextView)tab.getCustomView().findViewById(R.id.num);
    num.getBackground().setColorFilter(textDarkColor, PorterDuff.Mode.SRC_IN);
}

@Override
public void onTabUnselected(TabLayout.Tab tab) {
    TextView num = (TextView)tab.getCustomView().findViewById(R.id.num);
    num.getBackground().setColorFilter(pinkDarkColor, PorterDuff.Mode.SRC_IN);
}

最后是浏览选项卡时的行为
https://i.stack.imgur.com/Scm9P.png

第一次启动时的标签，没有选择标签
https://i.stack.imgur.com/a6Xgd.png

有人可以帮忙吗？

Answer 1

onTabSelected 仅在选项卡选择发生任何变化时调用。就像您在第二个选项卡上并选择了第一个选项卡一样。所以不要改变你对它的看法。您可以在 FragmentStatePagerAdapter getItem 方法中添加它，您将到达当前选择的位置。

Answer 2

在您的适配器中 class 创建两个方法。

public void setOnSelectedView(TabLayout tabLayout, int position) {
    TabLayout.Tab tab = tabLayout.getTabAt(position);
    if (tab != null) {
        View selected = tab.getCustomView();
        TextView num = (TextView)selected.findViewById(R.id.num);
num.getBackground().setColorFilter(textDarkColor, PorterDuff.Mode.SRC_IN);
        tab.select();
    }
}

public void setunSelectedView(TabLayout tabLayout, int position) {
    TabLayout.Tab tab = tabLayout.getTabAt(position);
    if (tab != null) {
        View selected = tab.getCustomView();
        TextView num = (TextView)selected.findViewById(R.id.num);
num.getBackground().setColorFilter(pinkDarkColor, PorterDuff.Mode.SRC_IN);
        tab.select();
    }
}

现在在onTabSelected和onTabUnselected方法中调用这些方法。

如果您想启动第一个选定的选项卡，则在 onCreate() 方法调用

setOnSelectedView(0,tabLayout);

注意：另一种方法是在getViewAt()方法中检查它的位置

   if(i==0){
     num.getBackground().setColorFilter(textDarkColor, PorterDuff.Mode.SRC_IN);
   }else{
     num.getBackground().setColorFilter(pinkDarkColor, PorterDuff.Mode.SRC_IN);
   }

Answer 3

实现自定义视图没有问题。

因为第一个选项卡默认为 selected。

这就是为什么您需要将代码放在 onTabReselected 和 onTabSelected 中，以便在选择任何选项卡时执行所需的操作。

onTabReselected 在选择了一个已选择的选项卡时调用。

所以在首次启动时 onTabReselected 将完成您的工作。

Android - onTabSelected 第一次没有调用 customView

Android - onTabSelected not called at first time with customView

tabs

android-viewpager

android-tablayout