android TabLayout設置選項卡之間的距離無效已解決


根據下面的鏈接設置完距離后無法生效

https://www.jb51.net/article/131304.htm

 

  layout

<com.google.android.material.tabs.TabLayout
android:id="@+id/tabDots"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="-100dp"
app:tabBackground="@drawable/tab_selector"
app:tabGravity="center"
app:tabIndicatorGravity="center"
app:tabIndicatorHeight="0dp"
app:tabMode="fixed"
app:tabMaxWidth="80dp"
app:tabMinWidth="20dp"
app:tabPaddingStart="20dp"
app:tabPaddingEnd="20dp"
/>


tab_selector.xml
xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:drawable="@drawable/selected_dot" android:state_selected="true" />

<item android:drawable="@drawable/default_dot" />

</selector>
 
        
selected_dot.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:innerRadius="0dp"
android:shape="ring"
android:thickness="8dp"
android:useLevel="false">
<solid android:color="#FFFFFF"/>
</shape>
</item>
</layer-list>
default_dot.xml
 
        
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape
android:innerRadius="0dp"
android:shape="ring"
android:thickness="8dp"
android:useLevel="false">
<solid android:color="#66FFFFFF"/>
</shape>
</item>
</layer-list>


把下面這四個屬性設置后就好了
app:tabMaxWidth="80dp"
app:tabMinWidth="20dp"
app:tabPaddingStart="20dp"
app:tabPaddingEnd="20dp"

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM