Как правильно отображать все предыдущие и следующие заголовки в ViewPager/TitlePageIndicator в Android

Я работаю с ViewPager и TitlePageIndicator. Моя проблема в том, что я хочу отобразить три заголовка на экране. Вы можете видеть, что на изображении заголовок справа обрезан.

Как мне это сделать?? Я пробовал с этим, но это не работает...

pager.setClipToPadding(false);
    pager.setPadding(40, 0, 40, 0);
    pager.setPageMargin(20);

Заранее спасибо:

Это код ViewPager и TitlePageIndicator:

this.pager = (ViewPager) this.findViewById(R.id.pager);

TitlePageIndicator indicator = (TitlePageIndicator) findViewById(R.id.indicator);
        final float density = getResources().getDisplayMetrics().density;
        indicator.setFooterColor(R.color.setTextColor);
        indicator.setFooterLineHeight(1 * density); //1dp
        indicator.setFooterIndicatorHeight(3 * density); //3dp
        indicator.setFooterIndicatorStyle(TitlePageIndicator.IndicatorStyle.Underline);
        indicator.setTextColor(0xAA000000);
        indicator.setSelectedColor(R.color.setTextColor);
        indicator.setSelectedBold(true);
        indicator.setViewPager(pager);

Это xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    android:paddingBottom="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:showIn="@layout/activity_main"
    tools:context=".MainActivity">

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

    <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

введите здесь описание изображения


android android-viewpager viewpagerindicator
person S.P.    schedule 25.01.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Попробуйте добавить это в свой xml:

  <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >

        <android.support.v4.view.PagerTabStrip
            android:id="@+id/pager_header"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="top"/>
    </android.support.v4.view.ViewPager>
person Simpson    schedule 25.01.2016