在垂直视图中，用选项卡标题替换默认的标题栏

6 浏览
0 Comments

在垂直视图中，用选项卡标题替换默认的标题栏

我一直在查阅这个链接，链接。但是它并没有解决我的问题，我想用标题选项卡来替换默认的标题和图标。

        // 设置动作栏。
        final ActionBar actionBar = getActionBar();
        // 指定不启用Home/Up按钮，因为没有层级父级。
        actionBar.setHomeButtonEnabled(false);
        // 指定我们将在动作栏中显示选项卡。
        actionBar.setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);

我已经尝试了上述链接中的一些代码，但没有得到我想要的结果。

水平视图还可以，但是对于垂直视图，看起来选项卡创建了另一个标题栏层，与水平视图不同。请指导我。谢谢。

enter image description here

enter image description here

0

1 答案

0 Comments

问题的出现原因：

在垂直视图中，无法将选项卡放置在标题栏中，但在水平视图中，可以直接放置在标题栏中。这个问题可能是由于其他具有相同情况的应用程序的启发产生的。

问题的解决方法：

尚未解决此问题，但是可以尝试以下解决方法。

// 在垂直视图中使用 TabLayout
if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {
    TabLayout tabLayout = findViewById(R.id.tab_layout);
    // 设置选项卡的标题
    tabLayout.addTab(tabLayout.newTab().setText("Tab 1"));
    tabLayout.addTab(tabLayout.newTab().setText("Tab 2"));
    tabLayout.addTab(tabLayout.newTab().setText("Tab 3"));
    
    // 设置选项卡的监听器
    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) {
        }
    });
    
    // 设置 ViewPager
    ViewPager viewPager = findViewById(R.id.view_pager);
    viewPager.setAdapter(new PagerAdapter(getSupportFragmentManager()));
    viewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tabLayout));
} else {
    // 在水平视图中直接将选项卡放置在标题栏中
    getActionBar().setNavigationMode(ActionBar.NAVIGATION_MODE_TABS);
    ActionBar.TabListener tabListener = new ActionBar.TabListener() {
        @Override
        public void onTabSelected(ActionBar.Tab tab, FragmentTransaction ft) {
            // 根据选项卡的位置切换相应的视图
            viewPager.setCurrentItem(tab.getPosition());
        }
    
        @Override
        public void onTabUnselected(ActionBar.Tab tab, FragmentTransaction ft) {
        }
    
        @Override
        public void onTabReselected(ActionBar.Tab tab, FragmentTransaction ft) {
        }
    };
    
    // 添加选项卡
    getActionBar().addTab(getActionBar().newTab().setText("Tab 1").setTabListener(tabListener));
    getActionBar().addTab(getActionBar().newTab().setText("Tab 2").setTabListener(tabListener));
    getActionBar().addTab(getActionBar().newTab().setText("Tab 3").setTabListener(tabListener));
    
    // 设置 ViewPager
    ViewPager viewPager = findViewById(R.id.view_pager);
    viewPager.setAdapter(new PagerAdapter(getSupportFragmentManager()));
    viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        }
    
        @Override
        public void onPageSelected(int position) {
            // 根据页面的位置切换相应的选项卡
            getActionBar().setSelectedNavigationItem(position);
        }
    
        @Override
        public void onPageScrollStateChanged(int state) {
        }
    });
}

以上是关于如何在垂直视图和水平视图中使用选项卡的解决方法。在垂直视图中，我们使用了一个TabLayout来展示选项卡，并在ViewPager中切换不同的视图。而在水平视图中，我们直接将选项卡放置在标题栏中，并通过ViewPager来切换视图。这样就可以根据不同的视图布局来选择合适的方式展示选项卡。

0