I am using `ViewPager` with `PagerTabStrip`:

```
    <android.support.v4.view.ViewPager
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <android.support.v4.view.PagerTabStrip
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="top"/>

    </android.support.v4.view.ViewPager>

```

And I would like to accomplish my tabs to look like this as Google recommends:

![enter image description here](https://i.stack.imgur.com/JkDFv.png)

I have two tabs and I would like for each of them to be fixed and take 50% of the screen. I was looking through the options in XML and programmatically and can't find anything useful.

How can I accomplish that? Thank you.