android - タブのスタイリング

Question

必要なもの:選択の 下にある"RECENT"ように、選択表示は で示されますblue line。私のアプリケーションでも、同様のものが必要です。

試したこと: を使用して、ViewPageIndicatorこのようなことを達成しようとしましlined indicationたが、失敗しました。しかし、次のことを試しました。

<style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">
        <item name="android:background">@drawable/tabpage_background</item>
        <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>
        <item name="android:divider">@drawable/custom_tab_indicator_divider</item>
        <item name="android:paddingLeft">8dp</item>
        <item name="android:paddingRight">8dp</item>
        <item name="android:fadingEdge">horizontal</item>
        <item name="android:fadingEdgeLength">8dp</item>
    </style> 

tabpage_background.xml の場所:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item 
        android:state_selected="false"
        android:drawable="@drawable/tabpage_unfocused"/>
    <item
        android:state_selected="true"
        android:drawable="@drawable/tabpage_selected"/>

</selector>

tabpage_unfocused:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <solid android:color="#494949" />
</shape>

tabpage_selected:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line" >
    <solid android:color="#FB9400"/>
</shape>

ご覧のとおり、コードの実装では、選択に関する別の背景が得られるだけであり、線で囲まれた表示が必要なわけではありません。助けてください！