当我们滚动时，Tabs指示器不随Tabs或fragment移动，当我们在Tablayout中单击tab而不使用actionbar时，它工作正常 package net.simplifiedcoding.androidtablayout.Activity； 导入android.content.Context； 导入android.graphics.Color； 导入android.graphics.PorterDuff； 导入android.support.design.widget.TabLayout； 导入android.support.v4.app.Fragment； 导入android.support.v4.view.ViewPager； 导入android.support.v7.app.AppActivity； 导入android.os.Bundle； 导入android.widget.Adapter； 导入android.widget.Button； 导入android.widget.Toast； 导入com.astuetz.PagerSlidingTabStrip； 导入net.simplifiedcoding.androidtablayout.Adapter.Pager； 导入net.simplifiedcoding.androidtablayout.R； 导入java.util.Vector； //实现MainActivity的AbsSelectedListener接口 //此界面有助于浏览视图 公共类MainActivity扩展AppCompativeActivity实现TabLayout.ontAbsSelectedListener{ 语境； //# final int[]icons=new int[]{R.drawable.homeicon，R.drawable.searchicon，R.drawable.uploadicon，R.drawable.usericon}； //这是我们的表格 私人摊位摊位； //这是我们的寻呼机 私人视页机视页机； 按钮选项菜单； @凌驾 创建时受保护的void（Bundle savedInstanceState）{ super.onCreate（savedInstanceState）； setContentView（R.layout.activity_main）； //getWindow（）.setFlags（WindowManager.LayoutParams.FLAG_全屏，WindowManager.LayoutParams.FLAG_全屏）； //将工具栏添加到活动中 //Toolbar Toolbar=（Toolbar）findViewById（R.id.Toolbar）； //设置支架操作杆（toolba //初始化表格布局 tabLayout=（tabLayout）findViewById（R.id.tabLayout）； viewPager=（viewPager）findViewById（R.id.pager）； tabLayout.setTabGravity（tabLayout.GRAVITY\u-FILL）； final PagerSlidingAbstrap选项卡Strip=（PagerSlidingAbstrap）findViewById（R.id.PagerSlidingAbstrap）； //tabStrip.setViewPager（寻呼机）； //使用addTab（）方法添加选项卡 tabLayout.addTab（tabLayout.newTab（）.setText（“”）； tabLayout.addTab（tabLayout.newTab（）.setText（“”）； tabLayout.addTab（tabLayout.newTab（）.setText（“”）； tabLayout.addTab（tabLayout.newTab（）.setText（“”）； tabLayout.getTabAt（0）.setIcon（icons[0]）； tabLayout.getTabAt（1）.setIcon（icons[1]）； tabLayout.getTabAt（2）.setIcon（icons[2]）； getTabAt（3）.setIcon（icons[3]）； tabLayout.getTabAt（0.getIcon（）.setColorFilter（Color.WHITE，PorterDuff.Mode.SRC_-IN）； tabLayout.getTabAt（1.getIcon（）.setColorFilter（Color.parseColor（“#a8a8a8”），PorterDuff.Mode.SRC_IN）； tabLayout.getTabAt（2.getIcon（）.setColorFilter（Color.parseColor（“#a8a8a8”），PorterDuff.Mode.SRC_IN）； tabLayout.getTabAt（3.getIcon（）.setColorFilter（Color.parseColor（“#a8a8a8”），PorterDuff.Mode.SRC_IN）； //初始化viewPager //创建寻呼机适配器 寻呼机适配器=新寻呼机（getSupportFragmentManager（），tabLayout.getTabCount（））； //向寻呼机添加适配器 viewPager.setAdapter（适配器）； //tabLayout.setupWithViewPager（viewPager）； //tabStrip.setOnPageChangeListener（（ViewPager.OnPageChangeListener）this）； viewPager.setCurrentItem（0）； viewPager.setOnPageChangeListener（新的viewPager.OnPageChangeListener（）{ @凌驾 已滚动页面上的公共无效（int-position、float-positionOffset、int-positionOffsetPixels）{ //tabLayout.setupWithViewPager（viewPager）； //表格布局。设置十字指示器（位置）； //tabStrip.setViewPager（viewPager）； //表格布局。设置十字指示器（位置）； } @凌驾 已选择页面上的公共无效（内部位置）{ } @凌驾 公共无效onPageScrollStateChanged（int状态）{ } }); tabLayout.setontAbsSelectedListener（此）； } @凌驾 已选择的公共选项卡（TabLayout.Tab）{ setCurrentItem（tab.getPosition（））； //super.ontabs（制表符）； tab.getIcon（）.setColorFilter（Color.WHITE，PorterDuff.Mode.SRC_-IN）； //int tabIconColor=ContextCompat.getColor（context，R.color.tabselectedIconcolor）； //tab.getIcon（）.setColorFilter（tabIconColor，PorterDuff.Mode.SRC_-IN）； } @凌驾 已选择的公共选项卡（TabLayout.Tab）{ tab.getIcon（）.setColorFilter（Color.parseColor（“#a8a8a8”），PorterDuff.Mode.SRC_IN）； } @凌驾 已重新选择公共选项卡（TabLayout.Tab）{ } } H

这是我的布局文件。当我使用 Tabsrtip.setupwithviewpager它在rosource文件中显示错误。 或者应用程序不幸停止。 我使用了tablayout.setupwithviewpager 它还显示了错误。

---

以下是我的java文件。

通过添加此行将表格布局与viewpager同步

tabLayout = (TabLayout) findViewById(R.id.tabLayout);
viewPager = (ViewPager) findViewById(R.id.pager);
Pager adapter = new Pager(getSupportFragmentManager(),tabLayout.getTabCount());


 viewPager.setAdapter(adapter);
tabLayout .setupWithViewPager(viewPager );

并覆盖ViewPager适配器中的getPageTitle函数

    @Override
    public CharSequence getPageTitle(int position) {
      return tabText[position];
    }
     @Override
    public int getCount() {
      return 2;
    }


    tabText = new String[]{
            "Tab 1",
            "Tab 2"
    };

无需以编程方式将选项卡添加到TableLayout。当您将其与viewpager同步时，它将从getpageTitle中选择选项卡的名称。并从getCount中选择选项卡的计数

tabText是包含选项卡名称的字符串数组

在用户更改选项卡时更改Tablayout的图标。在addOnPageChangeListener的onPageSelected方法中使用该函数

//Method to set up tab layout icon
private void setUpTabIcon() {
    for (int i = 0; i < mTabLayout.getTabCount(); i++) {
        if (mTabLayout.getTabAt(i).isSelected())
            mTabLayout.getTabAt(i).setIcon(imageResId[i][1]);
        else
            mTabLayout.getTabAt(i).setIcon(imageResId[i][0]);

    }

}

//设置选项卡布局图标的方法
私有void setUpTabIcon（）{
对于（int i=0；i

---

选择或取消选择页面时，此功能将更改图标。使用两种状态的图标：一种为默认状态，另一种为按下状态。

将表格布局与viewpager同步

viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
tabLayout.addOnTabSelectedListener(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) {

        }
    });