AnotherViewPager

Include in your project

implementation 'io.kri:anotherViewPager:1.0.2'

How to use

create layout_page1.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <androidx.appcompat.widget.AppCompatTextView
        android:id="+@id/title"
        android:text="page1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

create activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <io.kri.anotherViewPager.TabbedViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabSelectedFont="@font/quicksand_bold" />

</LinearLayout>

Create viewPager item

class Page1 : TabbedViewPagerItem() {

    override val title = "Page1"
    override val layoutResId = R.layout.page_1

    override fun bind(context: Context, parent: ViewGroup) {
         // customize the look programatically
         val title = findViewById(R.id.title)
         title.setBackgroundColor(Color.BLUE)
    }

}

Set MainAcitivty

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val adapter = TabbedViewPagerAdapter()
                .addItem(Page1())

        viewPager.setAdapter(adapter)
    }

}

Style customization

Further Customization

possible attributes to set to the tabbedViewPager

<attr name="tabItemsMarginStart" format="dimension" />
<attr name="tabItemsMarginEnd" format="dimension" />
<attr name="tabItemsMarginBottom" format="dimension" />
<attr name="tabItemsMarginTop" format="dimension" />
<attr name="tabSelectedFont" format="reference"/>
<attr name="tabDefaultFont" format="reference"/>
<attr name="tabSelectedTextColor" />

More customizations

If you want to have another style just implement the following styles, they will overwrite the default ones

<style name="TabbedViewPagerStyle">
<!-- style for the whole viewPager !-->
</style>

<style name="TabbedViewPagerTabTextStyle">
<!-- style for the title !-->
</style>