首页 > 解决方案 > 如何在没有 Helper 的情况下删除 BottomNavigationView 的所有动画?

问题描述

如何在没有任何 Helper 或 proGuard 的情况下删除 BottomNavigationView 的所有动画,并以谷歌材料依赖的简单方式com.google.android.material:material:1.0.0

标签: androidbottomnavigationview

解决方案


  1. 我们都知道默认情况下BottomNavigationView,如果选择菜单项,则具有多种效果,例如水平翻译和更大的文本。

默认

  1. 我们可以删除添加的翻译
<com.google.android.material.bottomnavigation.BottomNavigationView
    ...
    app:itemHorizontalTranslationEnabled="false"/>

已删除翻译

  1. app:itemHorizontalTranslationEnabled="false"我们可以不用这种方式一起显示标签和删除翻译
<com.google.android.material.bottomnavigation.BottomNavigationView
    ...
    app:labelVisibilityMode="labeled"/>

贴上标签

  1. 如果我们对数字 3 不满意,我们仍然可以通过添加dimensin来使用与非活动菜单相同的文本大小dimens.xml。通过这样做,我们几乎没有动画的 BottomNavigationView
<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:tools="http://schemas.android.com/tools">
    <dimen name="design_bottom_navigation_active_text_size"
        tools:override="true">12sp</dimen>
</resources>

在此处输入图像描述

奖金问题

但是,还有另一个问题。如果菜单文本是长文本怎么办?如果它是由 2 个单词组成的呢?

如果这是您的问题,您将在选择菜单时看到长文本被修剪。(请看第三个菜单)

长文本问题

这是我尝试后得到的解决方案BottomNavigationView

void selectFragment(MenuItem item) {
    item.setChecked(true);

    int itemID = item.getItemId();
    if (itemID == R.id.menu_a) {
        pushFragment(MenuAFragment.newInstance("MENU A"));
    }
    else if (itemID == R.id.menu_b) {
        pushFragment(MenuAFragment.newInstance("MENU B"));
    }
    else if (itemID == R.id.menu_c) {
        pushFragment(MenuAFragment.newInstance("MENU C"));
    }
    else if (itemID == R.id.menu_d) {
        pushFragment(MenuAFragment.newInstance("MENU D"));
    }
    else {
        pushFragment(MenuAFragment.newInstance("MENU E"));
    }

    /**** START FROM HERE ****/

    TextView largeTextView = bottomNavigationView.findViewById(itemID)
            .findViewById(com.google.android.material.R.id.largeLabel);
    TextView smallTextView = bottomNavigationView.findViewById(itemID)
            .findViewById(com.google.android.material.R.id.smallLabel);

    smallTextView.setVisibility(View.VISIBLE);
    largeTextView.setVisibility(View.GONE);
}

基本上,我们只需要隐藏largeTextView和显示smallTextView 长文本问题已解决

想知道更多?看看这个 repo DisableShiftMode


推荐阅读