定制BottomNavigationView菜单项

最新推荐文章于 2023-09-23 13:45:40 发布

转载最新推荐文章于 2023-09-23 13:45:40 发布 · 195 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/moxun/blog/1544929

文章标签：

#移动开发

本文介绍了一种方法来调整Android应用中BottomNavigationView的图标大小，通过自定义XML布局文件实现，适用于希望改变默认24dp*24dp图标的开发者。

为什么80%的码农都做不了架构师？>>>

开发时使用design的BottomNavigationView作为底部菜单

但发现默认的菜单图标被限定为24dp*24dp（bottom-navigation）

解决方法：

在工程中加入design_bottom_navigation_item.xml布局文件，如：

<?xml version="1.0" encoding="utf-8"?>
<!-- design 中的图标太小，这里定制了菜单 Moxun @ 2017-09-28 -->
<merge xmlns:android="http://schemas.android.com/apk/res/android">
    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content" 这里原先是24dp
        android:layout_height="wrap_content" 这里原先是24dp
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="@dimen/design_bottom_navigation_margin"
        android:layout_marginBottom="@dimen/design_bottom_navigation_margin"
        android:duplicateParentState="true" />
    <android.support.design.internal.BaselineLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|center_horizontal"
        android:clipToPadding="false"
        android:paddingBottom="10dp"
        android:duplicateParentState="true">
        <TextView
            android:id="@+id/smallLabel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="@dimen/design_bottom_navigation_text_size"
            android:singleLine="true"
            android:duplicateParentState="true" />
        <TextView
            android:id="@+id/largeLabel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:visibility="invisible"
            android:textSize="@dimen/design_bottom_navigation_active_text_size"
            android:singleLine="true"
            android:duplicateParentState="true" />
    </android.support.design.internal.BaselineLayout>
</merge>

转载于:https://my.oschina.net/moxun/blog/1544929