TabPageIndicator 分割线

在使用TabPageIndicator自定义样式时，样式如下

<!-- 指示器样式主题 -->
    <style name="StyledIndicators" parent="@style/ActivityTheme">
        <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>
    </style>
    <!-- 选项卡自定义样式 -->
    <style name="CustomTabPageIndicator">
        <item name="android:gravity">center</item>
        <item name="android:background">@drawable/tab_indicator</item>
        <item name="android:textColor">@color/tag_text_color_selector</item>
        <item name="android:textSize">@dimen/font_1</item>
        <item name="android:minHeight">45dp</item>
        <item name="android:divider">@drawable/icon_line</item>
        <item name="android:showDividers">middle</item>
    </style>

在定义android:divider时，本来以为使用color简单设置就可以了，但是发现设置之后不显示(版本4.0以上)，后来换成使用drawable，但是又不像让美工切图（求人不如求己），就想着自定义一个shape xml.

首先想到是定义一个line shape

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line">
    <size  android:width="1dp"/>
    <stroke android:color="#123456" android:width="1dp"/>
</shape>

但是效果却是一横线，我要的是竖线啊，大哥！不管我如何修改size 的宽高，它始终是一横线。。。。
后来改用了矩形

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <size
        android:width="1dp"
        android:height="45dp" />
    <gradient
        android:endColor="#f7f7f7"
        android:startColor="#f7f7f7" />
</shape>

设置好宽高，让它像一条线。。。。ok，解决。。。