Я хотел бы создать свои вкладки, которые выглядят так.

, но в итоге я получаю такой эффект

Я хотел бы создать простой градиент поверх активной вкладки (в данном случае SEARCH NEAREST) с серым цветом или чем-то близким к белому.
Вот код для Selected
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#000"
android:centerColor="#FFF"
android:endColor="#000"
android:type="linear"/>
</shape>
Как мне добиться этого эффекта?Я также хочу знать, как я могу добиться закругленных углов с обеих сторон.В настоящее время, когда я выбираю активную вкладку, закругленные углы применяются только к правым углам.Вот код того, как я это делаю.
на данный момент мне это выглядит следующим образом.

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:bottomLeftRadius="7dp"
android:topRightRadius="7dp"/>
<solid
android:color="#000" />
<stroke
android:width="2dp"
android:color="#fff"/>
Я хочу закодировать в такойтаким образом, когда я нажимаю левую вкладку, нужно активировать левые углы, а правую - правые углы.
Спасибо за ваше время :)