如何在android中按索引更改tablayout指示器颜色？

Question

我在我的活动中有一个视图 pager2 和 tablayout 附加到这个 viewpager2 如下

 <com.google.android.material.tabs.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    app:tabIndicatorColor="@color/colorPrimary"
    app:tabMode="fixed"
    android:layout_height="2dp" />
<androidx.viewpager2.widget.ViewPager2
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/vpager"/>

我已将 tablayout 附加到 viewpager，如下所示

   new TabLayoutMediator(tabLayout, vpager,
            new TabLayoutMediator.TabConfigurationStrategy() {
                @Override public void onConfigureTab(@NonNull TabLayout.Tab tab, int position) {
                    tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
                        @Override
                        public void onTabSelected(TabLayout.Tab tab) {

                        }

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

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

                        }
                    });     
                }
            }).attach();

我的目标是让用户看到在上一个选项卡中选择的指示器颜色，因此如果用户转到下一个选项卡，则前一个选项卡必须按所选颜色进行着色，如下图所示

图像显示第一个指示器被选中并在转到下一个片段时保持选中状态，因此它可以像一个进度条

我选择通过索引以编程方式设置指示器颜色，如何？

Answer 1

TabLayout指示器颜色功能仅限于TabLayout的当前选定选项卡； 所以它只影响当前选项卡； 不是任何其他标签。

相反，您可以为此使用ProgressBar并在ViewPager更改页面时设置进度：

布局

<ProgressBar
    android:id="@+id/progress_bar"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content" />

<androidx.viewpager2.widget.ViewPager2
    android:id="@+id/intro_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

行为

ProgressBar progressBar = findViewById(R.id.progress_bar);

progressBar.max = pageCount // Change pageCount to the number of pages in your ViewPager2

mViewPager.registerOnPageChangeCallback(new ViewPager2.OnPageChangeCallback() {
    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        progressBar.setProgress(position + 1);
    }

    @Override
    public void onPageSelected(int position) {
        progressBar.setProgress(position + 1);
    }
});