Thay đổi bộ mã vạch màu trên v4 ViewPager

Question

Có thể thay đổi màu của tab đã chọn trên v4 ViewPager không?
Tôi cần sử dụng ViewPager v4, nhưng tôi không tìm thấy bất kỳ nguồn nào để tùy chỉnh nó.
Chỉ cần làm rõ tôi cần phải thay đổi màu xanh với nhau:

Answer 1

Đây là chỉ số tab. Bạn có thể thay đổi màu của nó bằng cách áp dụng các kiểu khác nhau.

Sử dụng Action Bar Style Generator, tạo tệp png 9patch (tab_selected, tab_selected_focused etc.) và thêm các tệp + kiểu này vào dự án của bạn.

Cách tiếp cận khác ->How to change the current tab highlighter color in Android ViewPager? (như @Pratik đã viết trong nhận xét).

Answer 2

Cùng một cách tôi không tìm cách tùy chỉnh tab. Vì vậy, tôi đã cố định nó bằng cách sử

<View 
     android:layout_height="2dp" 
     android:id="@+id/line1" 
     android:layout_width="fill_parent" 
     android:layout_below="@+id/headertab1" 
     android:layout_above="@+id/viewpager" 
     android:background="#0066CC" /> 

Tôi đã đặt mã này với nhau 3 tab belove tab & trên ViewPager. Vì chúng tôi có thể phát hiện tab nào được chọn rất dễ dàng. Vì vậy, chúng tôi có thể sử dụng chế độ hiển thị 'line1' này cho Chế độ xem.VISIBLE hoặc View.INVISIBLE.

Hy vọng nó sẽ giúp bạn !!

Answer 3

tôi không có đủ uy tín để nhận xét về một câu trả lời, nhưng về Action Bar Style Generator chắc chắn rằng sau khi bạn thêm các tập tin vào thư mục tương ứng trong dự án của bạn rằng bạn cũng có thêm chủ đề để tập tin xml biểu hiện của bạn như thế này:

<activity 
    android:name="com.whatever.myapplication.YourActivityName" 
    android:theme="@style/Theme.Whatever_you_named_your_style_in_the_generator"> 
</activity> 

Answer 4

ViewPager không phải là thứ bạn cần tùy chỉnh. Bạn cần đặt tabIndicatorColor của số TabLayout được liên kết với nó trong bố cục.

động bạn có thể làm

TabLayout tabLayout = (TabLayout) findViewById(R.id.tabLayout_id); 
tabLayout.setupWithViewPager(viewPager); 
tabLayout.setSelectedTabIndicatorColor(R.color.your_color); // here 

Bên trong XML, đó sẽ là đơn giản như sau

<android.support.design.widget.TabLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    app:tabIndicatorColor="@color/your_color" />