如何在android底部导航布局中增加图标大小？

Question

我正在使用谷歌最近在设计库 25 中引入的 android 底部布局导航样式。在我看到的所有教程和问题中，他们图标中的图像都是正常大小，但我的却非常小，尽管事实上我保存到可绘制文件夹的图像是 72x72。 这是一个屏幕截图：

图标应该至少是 2 倍，甚至可能是那个大小的 3 倍。 我该怎么做？ 这是我在bottom_layout.xml 中的代码：

  <?xml version="1.0" encoding="utf-8"?>

 <menu xmlns:android="http://schemas.android.com/apk/res/android"

   xmlns:app="http://schemas.android.com/apk/res-auto">
  <item
    android:id="@+id/menu_home"
    android:title="test"
    android:icon="@drawable/tabbarglossary"
    app:showAsAction="always|withText"
    />
  <item
    android:id="@+id/menu_search"
    android:title="test2"
    android:icon="@drawable/mediationtabbar"
    app:showAsAction="always|withText"
    />

  <item
    android:id="@+id/menu_notifications"
    android:title="test3"
    android:icon="@drawable/ic_action_name"
    app:showAsAction="always|withText"
    />

</menu>

Answer 1

图标大小在项目布局中硬编码为 24dp（请参阅design_bottom_navigation_item.xml ）这可以通过编程方式更改：

BottomNavigationView bottomNavigationView = (BottomNavigationView) activity.findViewById(R.id.bottom_navigation_view);
BottomNavigationMenuView menuView = (BottomNavigationMenuView) bottomNavigationView.getChildAt(0);
for (int i = 0; i < menuView.getChildCount(); i++) {
    final View iconView = menuView.getChildAt(i).findViewById(android.support.design.R.id.icon);
    final ViewGroup.LayoutParams layoutParams = iconView.getLayoutParams();
    final DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
    // set your height here
    layoutParams.height = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 32, displayMetrics);
    // set your width here
    layoutParams.width = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 32, displayMetrics);
    iconView.setLayoutParams(layoutParams);
}

编辑

对于图标覆盖文本的问题：

您可以覆盖底部导航视图的一些默认尺寸。 比如身高。

<dimen name="design_bottom_navigation_height" tools:override="true">56dp</dimen>

检查默认规格的指南底部导航。

Answer 2

使用您的首选值设置app:itemIconSize属性。

Answer 3

将这两行添加到您的底部导航：

app:menu="@menu/main_bottom_navigation"
app:itemIconSize="@dimen/bottom_navigation_icon_size"

在dimens.xml添加：

<dimen name="bottom_navigation_icon_size" tools:override="true">32dp</dimen>
<dimen name="design_bottom_navigation_height" tools:override="true">72dp</dimen>

要增加图标的大小，请增加bottom_navigation_icon_size 。 您可能需要更改design_bottom_navigation_height的值，以便文本不会重叠或获得太多空白。

Answer 4

我会尝试使用Android Asset Studio为您生成一个通用图标，确保：

• 图标大小为 24dp
• 它有 0dp 填充

注意：如果您愿意，可以使用自定义图标。

然后它会用正确的目录（mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi）为你生成相应的drawable。

在您的案例中使用静态可绘制尺寸（例如 72x72）可能会根据手机的密度改变图标的​​大小，不同的手机会以不同的方式转换像素。

只需简单地下载 zip 文件中的图标并将可绘制文件夹解压缩到您的资源目录，这应该可以解决您的问题。

Answer 5

这里：

BottomNavigationView bottomNavigationView = (BottomNavigationView) 
configurationActivity.findViewById(R.id.bottom_navigation_view);
BottomNavigationMenuView menuView = (BottomNavigationMenuView) 
bottomNavigationView.getChildAt(0);
for (int i = 0; i < menuView.getChildCount(); i++) {
     final View iconView = 
menuView.getChildAt(i).findViewById(android.support.design.R.id.icon);
     final ViewGroup.LayoutParams layoutParams = 
iconView.getLayoutParams();
     final DisplayMetrics displayMetrics = 
getResources().getDisplayMetrics();
layoutParams.height = (int) 
TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, 
displayMetrics);
layoutParams.width = (int) 
TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 20, 
 displayMetrics);
iconView.setLayoutParams(layoutParams);
}

您可以根据需要调整图像的大小。 快乐编码

Answer 6

在 dimens.xml 中覆盖：

<dimen name="design_bottom_navigation_icon_size" tools:override="true">'your size in dp'</dimen>

Answer 7

在科特林

对于那些想在 android-X 上尝试它并希望唯一一个项目改变其大小的人，这是我稍微修改过的代码来自@Minkoo

//代码从这里开始....

val bottomNavigationView: BottomNavigationView =findViewById(R.id.bottomNavigationView); val menuView: BottomNavigationMenuView = bottomNavigationView.getChildAt(0) as BottomNavigationMenuView

for (i in 0..menuView.getChildCount() - 1) {

        if (i == 2) {

            val iconView: View = menuView.getChildAt(i)
                .findViewById(com.google.android.material.R.id.icon) as View
            val layoutParams: ViewGroup.LayoutParams = iconView.getLayoutParams();
            val displayMetrics: DisplayMetrics = getResources().getDisplayMetrics();
            // set your height here
            layoutParams.height =
                TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 38f, displayMetrics)
                    .toInt()
            // set your width here
            layoutParams.width =
                TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 38f, displayMetrics)
                    .toInt()
            iconView.setLayoutParams(layoutParams);
        }
    }

Answer 8

对于 Androidx BottomNavigationView<\/strong>

迭代每个孩子并使用'setIconSize（）'方法更改图标大小（考虑@SuppressLint（“RestrictedApi”））

val menuView: BottomNavigationMenuView = bottomNavigationView.getChildAt(0) as BottomNavigationMenuView
        for (i in 0 until menuView.childCount) {
            if (i == 3) {
                val displayMetrics: DisplayMetrics = resources.displayMetrics
                (menuView.getChildAt(i) as NavigationBarItemView).setIconSize(TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 41f, displayMetrics).toInt())
            }
        }