更改选项卡的背景颜色

Question

请帮助我，我是 android 的新手，我正在使用视图寻呼机实现选项卡，我想更改所选选项卡的背景颜色，但我完成了。

这是我的 XML 文件代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:tabIndicatorColor="@color/colortab"
            app:tabMode="scrollable"/>
    <!--app:tabSelectedTextColor="@color/colortab"-->

     <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="0px"
        android:layout_weight="1"
        />
   </LinearLayout>

这是我更改当前标签颜色的片段代码。

public class mainfragment extends Fragment {
    private TabLayout tabLayout;
    private ViewPager viewPager;

    FragmentTabHost tabhost;
    Fragment fragment;
    int position;

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View  v = inflater.inflate(R.layout.main_fragment, container, false);

        viewPager = (ViewPager) v.findViewById(R.id.viewpager);
        viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
        tabLayout = (TabLayout) v.findViewById(R.id.tabs);
        viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {

                for (int i = 0; i < tabLayout.getTabCount(); i++) {

                    if (i == position) {

                        tabLayout.getTabAt(i).getCustomView()
                                .setBackgroundColor(Color.parseColor("#198C19"));
                    }
                    else {

                        tabLayout.getTabAt(i).getCustomView()
                                .setBackgroundColor(Color.parseColor("#f4f4f4"));
                    }
                }

            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });





        setupViewPager(viewPager);

        // change the tab in run time  working here


        tabLayout.post(new Runnable() {
            @Override
            public void run() {

                tabLayout.setupWithViewPager(viewPager);


                ViewPagerAdapter adapter = new ViewPagerAdapter(getFragmentManager());



                adapter.addFragment(new One(), "One");
                adapter.addFragment(new Two(), "Two");

                viewPager.setAdapter(adapter);

            }
        });
        // end here


        tabLayout.setupWithViewPager(viewPager);
        return v;
    }

    // This method call ViewPagerAdapter which have added two fragments
    private void setupViewPager(ViewPager viewPager) {


        ViewPagerAdapter adapter = new ViewPagerAdapter(getFragmentManager());

        Toast.makeText(getActivity(),"Main Fragment in setupViewPager",Toast.LENGTH_LONG).show();

        adapter.addFragment(new One(), "One");
                adapter.addFragment(new Two(), "Two");

        viewPager.setAdapter(adapter);
    }


    class ViewPagerAdapter extends FragmentPagerAdapter {


       private final List<Fragment> mFragmentList = new ArrayList<>();
        private final List<String> mFragmentTitleList = new ArrayList<>();

        public ViewPagerAdapter(FragmentManager manager) {

            super(manager);
        }

        @Override
        public Fragment getItem(int position) {

            return mFragmentList.get(position);
        }

        @Override
        public int getCount() {

            return mFragmentList.size();
        }

        public void addFragment(Fragment fragment, String title) {

            mFragmentList.add(fragment);
            mFragmentTitleList.add(title);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return mFragmentTitleList.get(position);
        }
    }
}

实际上我想更改当前选项卡的背景颜色，但我没有得到 .所以请帮我解决这个问题。在此先感谢。

我有一个 tabLayout，它用于包含两个选项卡的 viewpager。我一直在尝试更改当前选中标签的背景颜色。

Answer 1

要更改选中的标签背景颜色，您需要将选择器定义为可绘制对象，并且还需要为选中/未选中状态设置可绘制对象。您还可以将 customView 设置为标签Read this

首先是选择器，drawable文件夹中的tab_background.xml：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/tab_background_selected" android:state_selected="true" />
<item android:drawable="@drawable/tab_background_unselected" android:state_selected="false" android:state_focused="false" android:state_pressed="false" />
</selector>

然后，drawable文件夹中的tab_background_selected.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#d13fdd1a" />
</shape>

然后，drawable文件夹中的tab_background_unselected.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<solid android:color="#3F51B5" />
</shape>

最后，在您的styles.xml 中，指定要使用的选择器：

<style name="Base.Widget.Design.TabLayout" parent="android:Widget">
<item name="tabBackground">@drawable/tab_background</item>
</style>

Here is the link i'm pasting important code if link is unavailable