Нет стиля ViewPagerIndicator в сочетании с SherlockActionBar - PullRequest
Новая
       24

Нет стиля ViewPagerIndicator в сочетании с SherlockActionBar

24 голосов
/ 16 марта 2012

Я пытаюсь реализовать ViewPagerIndicator с SherlockActionBar. Это работает: я могу скользить фрагменты, но стиль не работает!

Это выглядит так:

img

похожая тема: https://github.com/JakeWharton/Android-ViewPagerIndicator/issues/66

Я знаю, что происходит не так: В примере VPI стиль страницы задается в AndroidManifest.xml с помощью (например) 

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

Но когда я добавляю этот элемент android: theme в свой собственный Manifest.xml, я получаю следующее исключение: 

03-16 11:06:24.400: E/AndroidRuntime(483): Caused by: java.lang.IllegalStateException: You must use Theme.Sherlock, Theme.Sherlock.Light, Theme.Sherlock.Light.DarkActionBar, or a derivative.

Я также пытался скопировать всю информацию о стиле в styles.xml, но это также не работает.

Можете ли вы сказать мне, как установить стиль для VPI? Спасибо!

EDIT: Теперь я добавил 

<activity
         android:name=".SampleTabsDefault"
         android:theme="@style/StyledIndicators"> 
</activity>

на мой Manifest.xml

и следующий стиль в styles.xml 

<style name="Theme.BataApp" parent="Theme.Sherlock.Light.DarkActionBar">
        <item name="actionBarStyle">@style/Widget.Styled.ActionBar</item>
        <item name="android:actionBarStyle">@style/Widget.Styled.ActionBar</item>
    </style>   

    <style name="StyledIndicators" parent="Theme.BataApp">
        <item name="vpiTitlePageIndicatorStyle">@style/Widget.TitlePageIndicator</item>
        <item name="vpiTabPageIndicatorStyle">@style/Widget.TabPageIndicator</item>
        <item name="vpiTabTextStyle">@style/Widget.TabPageIndicator.Text</item>
    </style>

Результат: я не получаю никаких исключений, вижу стиль, но теперь я не вижу фрагментов: (

Код активности можно найти здесь: http://pastebin.com/hsNgxFDZ Снимок экрана текущей страницы со стилем:

img

Ответы [ 2 ]

36 голосов
/ 16 марта 2012

Чтобы увидеть фрагменты, вам нужно как-то расширить базовую тему Android.Чтобы увидеть ViewPagerIndicator, вам нужно как-то включить эти определения стилей.Ответ заключается в создании собственной темы, которая расширяет ActionBarSherlock-theme (которая расширяет базовые темы Android) и реализует стили ViewPagerIndicator.

Пример: 

<style name="myTheme" parent="@style/Theme.Sherlock">

    <!-- If you want to use the default ViewPagerIndicator-styles, use the following: -->
    <item name="vpiTitlePageIndicatorStyle">@style/Widget.TitlePageIndicator</item>
    <item name="vpiTabPageIndicatorStyle">@style/Widget.TabPageIndicator</item>
    <item name="vpiTabTextStyle">@style/Widget.TabPageIndicator.Text</item>

    <!-- If you want to implement your custom style of CirclePageIndicator, do it like so: -->
    <item name="vpiCirclePageIndicatorStyle">@style/myCirclePageIndicator</item>


    <!-- Put whatever other styles you want to define in your custom theme -->
</style>

<style name="myCirclePageIndicator" parent="Widget.CirclePageIndicator">
    <item name="fillColor">@color/my_custom_circle_indicator_fill_color</item>
</style>

Затем вваш манифест, установите android:theme="@style/myTheme" на <application> или на <activity> s.

Обратите внимание, что вам не нужно включать все 4 стиля "vpi ...";Вы должны включить только те, которые вы используете.Например, если вы используете только CirclePageIndicator, вам нужно только включить <item name="vpiCirclePageIndicatorStyle">...</item> и можете пропустить остальные 3 объявления элемента.

5 голосов
/ 19 марта 2012

Я случайно удалил android: layout_weight = "1" при добавлении стилей.

Так что для других, кто хочет внедрить VPI с ABS:

layout.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_height="wrap_content"
        android:layout_width="fill_parent"
        style="@style/StyledIndicators" />
    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        />
</LinearLayout>

styles.xml: 

 <style name="Theme.BataApp" parent="Theme.Sherlock.Light.DarkActionBar">
            etc.
        </style>   

        <style name="StyledIndicators" parent="Theme.BataApp">
            <item name="vpiTitlePageIndicatorStyle">@style/Widget.TitlePageIndicator</item>
            <item name="vpiTabPageIndicatorStyle">@style/Widget.TabPageIndicator</item>
            <item name="vpiTabTextStyle">@style/Widget.TabPageIndicator.Text</item>
        </style>

Спасибо, @ Reinier! : D

...