Android studio 在表格布局中的选项卡之间添加空间
我正在尝试在选项卡之间添加空格 我想在选项卡之间添加间隙,我尝试过使用填充,但这会改变整个选项卡布局填充,而不是单个选项卡。我也尝试过其他的方法,比如minWidth,在寻找一个想法的时候,但没有找到它,所以我在这里。在我创建选项卡式布局活动时,大多数项目都是默认的,下面是我添加/更改的代码: 提前谢谢 tab_背景Android studio 在表格布局中的选项卡之间添加空间,android-studio,android-tablayout,Android Studio,Android Tablayout,我正在尝试在选项卡之间添加空格 我想在选项卡之间添加间隙,我尝试过使用填充,但这会改变整个选项卡布局填充,而不是单个选项卡。我也尝试过其他的方法,比如minWidth,在寻找一个想法的时候,但没有找到它,所以我在这里。在我创建选项卡式布局活动时,大多数项目都是默认的,下面是我添加/更改的代码: 提前谢谢 tab_背景 <shape xmlns:android="http://schemas.android.com/apk/res/android" androi
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:radius="18dp"/>
<!-- TabLayout background color -->
<solid
android:color="@color/colorPrimaryDark"/>
</shape>
所选选项卡
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!-- radius should be half of the desired TabLayout height -->
<corners
android:radius="18dp"/>
<!-- color of the selected tab -->
<solid
android:color="@color/colorWhite"/>
</shape>
制表符选择器
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- drawable for selected tab -->
<item
android:drawable="@drawable/tab_selected"
android:top="-2dp" android:left="-5dp" android:right="-5dp" android:bottom="2dp"
android:state_selected="true"/>
<!-- drawable for unselected tab -->
<item
android:drawable="@drawable/tab_background"
android:top="-2dp" android:left="-5dp" android:right="-5dp" android:bottom="2dp"
android:state_selected="false"/>
</selector>
主要活动
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<androidx.viewpager.widget.ViewPager
android:id="@+id/view_pager"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior" />
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:theme="@style/AppTheme.AppBarOverlay"
>
<TextView
android:id="@+id/title"
android:layout_width="match_parent"
android:layout_height="70dp"
android:gravity="top|center_horizontal"
android:minHeight="?actionBarSize"
android:padding="@dimen/appbar_padding"
android:text="@string/app_name"
android:fontFamily="@font/sofiabold"
android:background="@color/colorPrimary"
android:textAppearance="@style/TextAppearance.Widget.AppCompat.Toolbar.Title" />
<com.google.android.material.tabs.TabLayout
android:id="@+id/tabs"
android:layout_width="match_parent"
android:layout_height="56dp"
app:tabTextColor="@color/colorWhite"
app:tabMode="auto"
app:tabGravity="center"
android:layout_gravity="center"
android:background="@color/colorPrimary"
app:tabBackground="@drawable/tab_selector"
app:tabSelectedTextColor="@color/colorPrimary"
app:tabPaddingStart="16dp"
app:tabPaddingEnd="16dp"
android:paddingBottom="20dp"
app:tabIndicatorHeight="0dp"
app:tabRippleColor="@null"
app:tabTextAppearance="@style/TabTextAppearance"/>
</com.google.android.material.appbar.AppBarLayout>
<com.google.android.material.floatingactionbutton.FloatingActionButton
android:id="@+id/fab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="bottom|end"
android:layout_margin="@dimen/fab_margin"
app:srcCompat="@android:drawable/ic_dialog_email" />
</androidx.coordinatorlayout.widget.CoordinatorLayout>
您应该使用专门为此目的设计的xml drawable-插入drawable: 例如: res/drawable/tab_selector_inset.xml:
<?xml version="1.0" encoding="utf-8"?>
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/tab_selector"
android:insetRight="10dp"
android:insetLeft="10dp" />
(灵感来自)
app:tabBackground="@drawable/tab_selector_inset"