如何在android中通过索引更改表格布局指示器的颜色？_如何在Nativescript angular segmentedBar android中更改选定的选项卡视图指示器颜色 - 腾讯云开发者社区

如何在android中通过索引更改表格布局指示器的颜色？

在Android中，要通过索引来更改表格布局指示器的颜色，可以使用TabLayout和ViewPager实现。TabLayout是一个常用的用户界面组件，用于在不同的页面之间进行切换，并可自定义指示器的颜色。

以下是实现的步骤：

在布局文件中，添加TabLayout和ViewPager组件：

<android.support.design.widget.TabLayout
    android:id="@+id/tab_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorColor="@color/indicator_color"
    app:tabIndicatorHeight="4dp"
    app:tabTextAppearance="@style/TabTextAppearance"/>

<android.support.v4.view.ViewPager
    android:id="@+id/view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

在TabLayout中，我们可以使用app:tabIndicatorColor属性来设置指示器的颜色。

在代码中，为ViewPager设置适配器，并将其与TabLayout关联起来：

TabLayout tabLayout = findViewById(R.id.tab_layout);
ViewPager viewPager = findViewById(R.id.view_pager);

// 创建适配器
PagerAdapter adapter = new PagerAdapter(getSupportFragmentManager());

// 设置ViewPager的适配器
viewPager.setAdapter(adapter);

// 将TabLayout与ViewPager关联
tabLayout.setupWithViewPager(viewPager);

创建PagerAdapter类，继承自FragmentPagerAdapter，并实现getItem()和getCount()方法：

public class PagerAdapter extends FragmentPagerAdapter {
    private final String[] titles = {"Tab 1", "Tab 2", "Tab 3"};

    public PagerAdapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int position) {
        // 返回对应位置的Fragment
        return MyFragment.newInstance(position);
    }

    @Override
    public int getCount() {
        // 返回页面数量
        return titles.length;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        // 返回对应位置的标题
        return titles[position];
    }
}

创建Fragment类，并在onCreateView()方法中设置不同的背景颜色：

public class MyFragment extends Fragment {
    private static final String ARG_POSITION = "position";

    public static MyFragment newInstance(int position) {
        MyFragment fragment = new MyFragment();
        Bundle args = new Bundle();
        args.putInt(ARG_POSITION, position);
        fragment.setArguments(args);
        return fragment;
    }

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

        int position = getArguments().getInt(ARG_POSITION);
        LinearLayout layout = rootView.findViewById(R.id.layout_fragment);

        // 根据位置设置不同的背景颜色
        switch (position) {
            case 0:
                layout.setBackgroundColor(getResources().getColor(R.color.color1));
                break;
            case 1:
                layout.setBackgroundColor(getResources().getColor(R.color.color2));
                break;
            case 2:
                layout.setBackgroundColor(getResources().getColor(R.color.color3));
                break;
        }

        return rootView;
    }
}

在res/values/colors.xml中定义指示器的颜色：

<resources>
    <color name="indicator_color">#FF0000</color>
    <color name="color1">#00FF00</color>
    <color name="color2">#0000FF</color>
    <color name="color3">#FF00FF</color>
</resources>

通过以上步骤，你可以在Android中通过索引来更改表格布局指示器的颜色。同时，你可以根据需要自定义指示器的高度、选项卡文字的外观和颜色。

腾讯云相关产品和产品介绍链接地址：