Rounded corners for TABS in android

后端 未结 7 2103
甜味超标
甜味超标 2020-12-21 05:35

I want to achieve rounded corners for the tab that I\'ve constructed in my application. So far I was able to come up with this

相关标签:
7条回答
  • 2020-12-21 06:15

    For those who still looking for solution. This is what i done.Put tablayout inside MaterialCardView,

     <com.google.android.material.card.MaterialCardView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="12dp"
                app:cardCornerRadius="12dp"`enter code here`
                app:strokeColor="?attr/colorAccent"
                app:strokeWidth="1dp">
                <com.google.android.material.tabs.TabLayout
                    android:id="@+id/tab_layout"
                    android:layout_width="match_parent"
                    android:layout_height="27dp"
                    app:tabGravity="fill"
                    app:tabIndicatorColor="?attr/colorAccent"
                    app:tabIndicatorGravity="stretch"
                    app:tabMaxWidth="0dp"
                    app:tabMode="fixed"
                    app:tabSelectedTextColor="@android:color/white"
        app:tabTextAppearance="@android:style/TextAppearance.Widget.TabWidget"
                    app:tabTextColor="?attr/colorPrimary">
                </com.google.android.material.tabs.TabLayout> 
         </com.google.android.material.card.MaterialCardView>
    

    tabselector_backgroud.xml:

    <?xml version="1.0" encoding="utf-8"?>
    
     <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/gradient_tab_selected" 
     android:state_selected="true" />
    <item android:drawable="@drawable/gradient_tab_unselected" 
      android:state_selected="false" />
    </selector>
    

    gradient_tab_selected.xml

    <?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" >
    <gradient
        android:angle="90"
        android:centerColor="@color/lime"
        android:endColor="@color/lime"
        android:startColor="@color/lime"
        android:type="linear" />
     </shape>
    

    gradient_tab_unselected

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <gradient
            android:angle="90"`enter code here`
            android:centerColor="@color/white"
            android:endColor="@color/white"
            android:startColor="@color/white"
            android:type="linear" />
    </shape>
    
    0 讨论(0)
提交回复
热议问题