Question

我将“ com.luseen.spacenavigation.SpaceNavigationView”用于自定义BottomNavigation栏。它工作正常，但我的问题是底部导航栏中的图标和文本对齐。它水平对齐，但我希望文本在图标下方对齐。如何更改对齐方式？

我的XML

timestamp

在我的活动中

timestamp

Answer 1

您必须在库中编辑space_item_view.xml布局文件才能解决此问题。

space_item_view.xml

    <RelativeLayout
    android:id="@+id/main_content"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/space_icon"
        android:layout_width="@dimen/space_item_icon_default_size"
        android:layout_gravity="center"
        android:layout_centerVertical="true"
        android:layout_centerHorizontal="true"
        android:layout_height="@dimen/space_item_icon_default_size" />

    <TextView
        android:id="@+id/space_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginLeft="10dp"
        android:layout_marginTop="10dp"
        android:lines="1"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/space_icon"
        android:gravity="center"
        android:textSize="@dimen/space_item_text_default_size"
        tools:text="Label One" />
    </RelativeLayout>

    <RelativeLayout
    android:id="@+id/badge_container"
    android:layout_width="16dp"
    android:layout_height="16dp"
    android:layout_alignParentTop="true"
    android:layout_marginLeft="@dimen/badge_left_margin"
    android:layout_marginRight="2dp"
    android:layout_marginTop="3dp"
    android:layout_toRightOf="@+id/main_content"
    android:visibility="gone">
    <TextView
        android:id="@+id/badge_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:textColor="@android:color/white"
        android:textSize="10sp"
        android:textStyle="bold" />
</RelativeLayout>

转到SpaceNavigationView.java类并仅对其进行修改。

public void showIconOnly(boolean value) {
    isIconOnlyMode = value;
}

以及您要在其中实现此功能的活动/片段中，只需将此spaceNavigationView.showIconOnly();替换为spaceNavigationView.showIconOnly(false);

在this reply中找到

在Android的自定义底部导航栏中更改图标和文本的对齐方式

1 个答案: