我正在使用圆形背景和圆形标签指示器设计 TabLayout。在下面的图片链接中,可以看到我的白色标签周围有某种填充。如何摆脱填充并完全填充选项卡?
我附上了我的选项卡布局的代码。我的背景和 tabIndicator 绘图是在草图中设计的 - 尺寸与下面的“预期结果”完全相同。
<com.google.android.material.tabs.TabLayout
android:id="@+id/newgroup_tabs"
android:layout_width="0dp"
android:layout_height="45dp"
android:layout_marginTop="22dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:background="@drawable/newgroup_tabbg"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/tvnewgroups_title"
app:tabGravity="fill"
app:tabInlineLabel="true"
app:tabIndicator="@drawable/newgroup_tabindicatorwide"
app:tabIndicatorColor="@color/white"
app:tabIndicatorFullWidth="true"
app:tabIndicatorGravity="center"
app:tabIndicatorHeight="54dp"
app:tabMode="fixed"
app:tabTextColor="@color/black" />
Run Code Online (Sandbox Code Playgroud)
我的预期结果应该是这样的,https://ibb.co/XYZ2jkS
但我实际得到的是这个,https://ibb.co/Lz1C0Fy。
如何让我的设计看起来像预期的图像?任何帮助将不胜感激,谢谢!
android android-layout android-tablayout material-components material-components-android
android ×1