制作类似于Google Play商店的版面

Question

我尝试制作类似于Google Play商店的版面。我在识别以下观点方面遇到了一些麻烦。

• 黄色 - 这是ActionBar.Tab还是ViewPager还是别的什么？
• 红色 - 这只是一个在水平ScrollView中使用RadioButtons的RadioGroup吗？

Answer 1

以黄色突出显示的视图是来自支持库的TabLayout，红色的是带有芯片视图的水平ListView

https://github.com/Plumillon/ChipView

或者你可以使用带有圆角形状的TextView作为背景来实现自我

修改：然后您应该使用FrameLayout代替ViewPager并使用addOnTabSelectedListener获取TabLayout上的选定标签，并在FrameLayout <内显示相应的片段/ p>

tabLayout.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
        @Override
        public void onTabSelected(TabLayout.Tab tab) {
            page = tabLayout.getSelectedTabPosition();
            switch (page) {
                case 0:
                    fragmentManager.beginTransaction().replace(R.id.container, fragment1).commitAllowingStateLoss();
                    break;
                case 1:
                    fragmentManager.beginTransaction().replace(R.id.container, fragment2).commitAllowingStateLoss();
                    break;
                default:
                    fragmentManager.beginTransaction().replace(R.id.container, fragment3).commitAllowingStateLoss();
            }
        }

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

        }

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

        }
    });