android - BottomNavigationView 看起来很糟糕

Question

我正在使用 android 支持库 BottomNavigationView ，在某些版本的 android 中看起来很糟糕。

这是我的代码：

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:background="#fff"
    app:theme="@style/mydrawer"
    app:itemIconTint="@drawable/selector"
    app:itemTextColor="@drawable/selector"
    app:menu="@menu/bottom_navigation_items" />

in styles : 
 <style name="mydrawer">
        <item name="android:textSize">14sp</item>
    </style>

它在我的带有 android 6 的手机上看起来不错，但在大多数手机上看起来很糟糕，如下所示：

如您所见，文本大小巨大

我怎样才能解决这个问题 ？

Answer 1

您为所有设备指定一个文本大小值：

 <style name="mydrawer">
     <item name="android:textSize">14sp</item>
 </style>

而不是 14sp ，您应该从 dimens 指定值

 <style name="mydrawer">
     <item name="android:textSize">@dimen/bottom_bar_item_text_size</item>
 </style>

为不同的屏幕尺寸创建 dimens.xml 文件。您应该为每个屏幕尺寸创建 dimens.xml 文件：

• 普通的
• 大的
• 超大
• 还有更多，但这 3 个是最常见的。

<dimen name="bottom_bar_item_text_size">14sp</dimen>

您的 dimens.xml 文件将如下所示：

希望有帮助

Answer 2

您可以使用底部导航 ViewEx 进行更多自定义和更好的外观，用法与普通视图相似

看看github