Question

我使用标签页制作应用程序。

如果我使用AppCompat，我无法自定义标签，但我可以使用使用滑动操作移动标签。

如果我使用Holo，我可以自定义标签，但我无法使用使用滑动操作移动标签。

我的Holo主题

      <resources>
        <!--my custom theme-->
        <style name="MyTheme"
                 parent="@android:style/Theme.Holo">
          <item name="android:actionBarTabTextStyle">@style/MyActionBarTabText</item>
          <item name="android:actionBarTabStyle">@style/MyActionBarTabStyle</item>
        <item name="android:background">#FFFFFF</item>    
        </style>

        <!--tab text style-->
        <style name="MyActionBarTabText"
               parent="@android:style/Widget.Holo.ActionBar.TabText">
          <item name="android:textColor">#000000</item>
          <item name="android:background">@drawable/tab_selector</item>    
        </style>


        <!--tab style-->
        <style name="MyActionBarTabStyle" parent="@android:style/Widget.Holo.ActionBar.TabView">
          <!--<item name="android:background">#DCEBF0</item>-->
          <item name="android:background">@drawable/tab_selector</item>
          <item name="android:layout_width">1dp</item>  
        </style>
      </resources>

我的AppCompat主题

      <resources>
          <style name="MyTheme" parent="MyTheme.Base">
          </style>
          <!-- Base theme applied no matter what API -->
          <style name="MyTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar">
              <!--If you are using revision 22.1 please use just windowNoTitle. Without android:-->
              <item name="windowNoTitle">true</item>
              <!--We will be using the toolbar so no need to show ActionBar-->
              <item name="windowActionBar">false</item>
              <!-- Set theme colors from http://www.google.com/design/spec/style/color.html#color-color-palette-->


          <!-- You can also set colorControlNormal, colorControlActivated
               colorControlHighlight and colorSwitchThumbNormal. -->
              <item name="windowActionModeOverlay">true</item>    
          </style>


      </resources>

如何自定义标签并使用滑动操作？

或者我可以在AppCompat中仅将标签主题更改为Holo吗？

Answer 1

使用Appcompat，您仍然可以通过编程方式执行此操作：

在OnCreate覆盖方法中使用此代码（要显示标签的活动）：

    //Setting TabLayout
    TabLayout tabLayout = (TabLayout) findViewById(R.id.tab_layout);
    tabLayout.addTab(tabLayout.newTab());
    tabLayout.addTab(tabLayout.newTab());
    tabLayout.addTab(tabLayout.newTab());
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);

    //Setting viewPager
    final ViewPager viewPager = (ViewPager) findViewById(R.id.pager);
    final PagerAdapter adapter = new 
                              PagerAdapter(getSupportFragmentManager(), 
                              tabLayout.getTabCount());
    viewPager.setAdapter(adapter);
    viewPager.addOnPageChangeListener(new 
                   TabLayout.TabLayoutOnPageChangeListener(tabLayout));
    tabLayout.setupWithViewPager(viewPager);

并为您的页面适配器创建一个类，如下所示：

public class PagerAdapter extends FragmentStatePagerAdapter {
   int mNumOfTabs;

   private String[] tabTitles = new String[]{"TAB1", "TAB2", "TAB3"};


   public PagerAdapter(FragmentManager fm, int NumOfTabs) {
      super(fm);
      this.mNumOfTabs = NumOfTabs;
   }

   @Override
   public CharSequence getPageTitle(int position) {
       return tabTitles[position];
   }

   @Override
   public Fragment getItem(int position) {

    switch (position) {
        case 0:
            Tab1 tab1 = new Tab1();
            return tab1;
        case 1:
            Tab2 tab2 = new Tab2();
            return tab2;
        case 2:
            Tab3 tab3 = new Tab3();
            return tab3;
        default:
            return null;
    }
}

@Override
public int getCount() {
    return mNumOfTabs;
}
}

这是在xml布局文件中定义ViewPager的方法：

    <android.support.v4.view.ViewPager
     android:id="@+id/pager"
     android:layout_width="match_parent"
     android:layout_height="fill_parent"
     android:layout_below="@id/tab_layout"
     android:background="@drawable/gradient_grey">

让我知道它是否适合你！

[Xamarin]风格，Theme.Holo＆amp; Theme.AppCompat

1 个答案: