Default Style Fails для ViewPagerIndicator TabPageIndicator. Почему и как исправить? - программирование
Подтвердить что ты не робот

Default Style Fails для ViewPagerIndicator TabPageIndicator. Почему и как исправить?

Вместо того, чтобы объяснять проблему, гораздо проще, если я просто покажу вам:

Unstyled Tab Titles

Как вы можете видеть, заголовки вкладок все размяты вместе и полностью не закрыты. Они правильно функционируют при прокручивании через вкладки переключателей (хотя там нет видимой индикации, кроме смещения положения, где это необходимо), а нажатие на вкладку переключает вид, но не существует никакого стиля. Вот код:

gallerylists.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent" >

  <com.viewpagerindicator.TabPageIndicator
    android:id="@+id/indicator"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content" />

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

</LinearLayout>

GalleryLists.java

public class GalleryLists extends Activity {
  Context context;

  private static final String[] titles = new String[] {
        "20 Hottest", "20 Worst", "20 Awesomest", "MMA", "Comedy", "Moto", "Games" };

  ViewPager listPager;
  ListPagerAdapter listPagerAdapter;

  PageIndicator indicator;

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.gallerylists);

    context = this;

    listPagerAdapter = new ListPagerAdapter();

    ViewPager.OnPageChangeListener changeListener = new ViewPager.OnPageChangeListener() {

      @Override
      public void onPageScrolled(int i, float v, int i1) {}

      @Override
      public void onPageSelected(int i) {}

      @Override
      public void onPageScrollStateChanged(int i) {}
    };

    listPager = (ViewPager) findViewById(R.id.gallerypager);
    listPager.setAdapter(listPagerAdapter);
    listPager.setOnPageChangeListener(changeListener);

    indicator = (TabPageIndicator) findViewById(R.id.indicator);
    indicator.setViewPager(listPager);
    indicator.setOnPageChangeListener(changeListener);
  }

  private class ListPagerAdapter extends PagerAdapter {

    // Not important (I believe)
  }
}

Что это. Теперь, если я не очень смущен, несмотря на чтение документации и рассмотрение образцов, мне не нужно предпринимать никаких дополнительных шагов для использования стиля по умолчанию. Я немного потерял.

4b9b3361

Ответ 1

Я чувствую себя немного придурком, но вот чрезвычайно простое и очевидное решение.

AndroidManifest.xml

...
<activity
  android:name=".GalleryLists"
  android:theme="@style/Theme.PageIndicatorDefaults"
  ... >
</activity>
...

Да, все, что мне нужно было сделать, это фактически использовать тему. Надеюсь, это поможет некоторым другим бедным потерянным душам.

Ответ 2

У меня такая же проблема, но android:theme="@style/Theme.PageIndicatorDefaults" не сочетается с моей темой приложения.

Существует еще один способ персонализации, перезаписывания res/values/style.xml:

<resources>

    <style name="AppTheme" parent="android:Theme.Light" >
        <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>

    </style>

    <style name="CustomTabPageIndicator" >
        <item name="android:gravity">center</item>
        <item name="android:background">@drawable/vpi__tab_indicator</item>        
        <item name="android:paddingTop">12dp</item>
        <item name="android:paddingBottom">12dp</item>
        <item name="android:textAppearance">@style/TextAppearance.TabPageIndicator</item>
        <item name="android:textSize">15sp</item>
        <item name="android:maxLines">1</item>
        <item name="android:textColor">#FF555555</item>
    </style>
</resources>

Ответ 3

Небольшое дополнение к решению Michaels: если вы уже используете пользовательскую тему для своей деятельности, просто добавьте к ней две строки:

<item name="vpiIconPageIndicatorStyle">@style/Widget.IconPageIndicator</item>
<item name="vpiTabPageIndicatorStyle">@style/Widget.TabPageIndicator</item>