标签样式android-viewpager

时间:2013-08-22 07:25:11

标签: android android-layout android-viewpager

enter image description here

想要什么: 如下面"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>

正如您所看到的,代码实现只为我提供了不同的选择背景,而不是所需的内衬指示。请帮忙!

1 个答案:

答案 0 :(得分:0)

使用以下链接

中的库项目

link

在这里,您将获得图书馆项目和示例项目......希望这对您有用......