如何在 android 中删除底部导航视图的图标动画

Question

我在我的项目中实现了设计支持库 25 中的底部导航视图。我在视图中有 5 个图标。无论何时选择一个图标，它都会有一些动画。但是当 3 个或更少的图标不显示任何动画时。我想删除那个动画，只需要对图标进行一些颜色更改。我怎样才能做到这一点？做了足够的谷歌搜索，但找不到解决方案。请帮忙。谢谢

Answer 1

从这个得到答案。

删除动画或切换模式。

实现BottomNavigationView有条件：当超过3个项目时，使用shift模式。

Create helper class

import android.support.design.internal.BottomNavigationItemView; 
import android.support.design.internal.BottomNavigationMenuView; 
import android.support.design.widget.BottomNavigationView; 
import android.util.Log;
import java.lang.reflect.Field;

public class BottomNavigationViewHelper { 
    public static void disableShiftMode(BottomNavigationView view) {
        BottomNavigationMenuView menuView = (BottomNavigationMenuView) view.getChildAt(0);
        try { 
            Field shiftingMode = menuView.getClass().getDeclaredField("mShiftingMode");
            shiftingMode.setAccessible(true);
            shiftingMode.setBoolean(menuView, false);
            shiftingMode.setAccessible(false);
            for (int i = 0; i < menuView.getChildCount(); i++) {
                BottomNavigationItemView item = (BottomNavigationItemView) menuView.getChildAt(i);
                //noinspection RestrictedApi 
                item.setShiftingMode(false);
                // set once again checked value, so view will be updated 
                //noinspection RestrictedApi 
                item.setChecked(item.getItemData().isChecked());
            } 
        } catch (NoSuchFieldException e) {
            Log.e("BNVHelper", "Unable to get shift mode field", e);
        } catch (IllegalAccessException e) {
            Log.e("BNVHelper", "Unable to change value of shift mode", e);
        } 
    } 
}

Usage

BottomNavigationView bottomNavigationView = (BottomNavigationView) findViewById(R.id.bottom_navigation_bar);
BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

Answer 2

BottomNavigationViewEx 是对标准 BottomNavigationView 的一个很好的扩展。 enableShiftingMode(false) 为您完成这项工作。

Answer 3

这可能不是最优雅或最实用的解决方案，但您可以尝试将以下行添加到 BottomNavigationView。

app:labelVisibilityMode="unlabeled"

它将删除标签并禁用动画。

Answer 4

要删除动画或移动移动，请使用 bottomNavigationViewEX

创建一个 bottomNavigationViewHelper class

package com.example.chitchat.utils;
import android.util.Log;
import com.ittianyu.bottomnavigationviewex.BottomNavigationViewEx;

public class BottomNavigationViewHelper {
    private static final String TAG = "bottomNavigationViewHel";

    public static void setupBottomnavigationView(BottomNavigationViewEx bottomNavigationViewEx)
    {
        Log.d(TAG, "setupBottomnavigationView: setting up bottom navigation view");

        bottomNavigationViewEx.enableAnimation(false);
        bottomNavigationViewEx.enableShiftingMode(false);
        bottomNavigationViewEx.enableItemShiftingMode(false);
        bottomNavigationViewEx.setTextVisibility(false);
    }
}

Answer 5

试试这个布局

app:labelVisibilityMode="labeled"

或者在代码级别 mNavigationView.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);

并将您的设计支持库更新至 28.0.+

Answer 6

我试过了，效果很好

BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

或此代码mainactivity.xml

app:labelVisibilityMode="unlabeled"

Answer 7

当我使用当前版本时

implementation 'com.google.android.material:material:1.1.0-alpha06'

我将 labelVisibilityMode 设置为 "labeled"

app:labelVisibilityMode="labeled"

在这种情况下，我得到了

<dimen name="design_bottom_navigation_active_text_size" tools:override="true">@dimen/design_bottom_navigation_text_size</dimen>

希望我也能帮到你

Answer 8

我只是在 dimens.xml 上添加了这段代码，它的效果非常棒！

<dimen name="design_bottom_navigation_active_text_size" tools:override="true">@dimen/design_bottom_navigation_text_size</dimen>

Answer 9

Material设计越来越好用

应用程序依赖于您的 Gradle 文件（更新到最新版本）。

implementation 'com.google.android.material:material:1.1.0-alpha09'

在MainActivity中，只需要调用BottomNavigationView的clearAnimation()函数即可class

BottomNavigationView navView = findViewById(R.id.nav_view);
navView.clearAnimation();

Answer 10

标签文本大小的变化导致动画。如果将常规、活动和非活动文本外观设置为相同，则不会有任何变化，因此没有动画。

例如：

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom"

    app:itemTextAppearance="@style/TextAppearance.AppCompat.Caption"
    app:itemTextAppearanceActive="@style/TextAppearance.AppCompat.Caption"
    app:itemTextAppearanceInactive="@style/TextAppearance.AppCompat.Caption"

    app:menu="@menu/navigation"/>

在这里，我设置了预建样式 (@style/TextAppearance.AppCompat.Caption)，但如果您愿意，可以设置自己的文本样式。只记得将所有三个设置为相同。

Answer 11

就这样做.. 在值存储库和 add

中创建 dimen 文件

<dimen name="design_bottom_navigation_active_text_size">10sp</dimen>
<dimen name="design_bottom_navigation_text_size">10sp</dimen>

上面的10sp只是一个例子。并在 BottomNavigationView 添加

<com.google.android.material.bottomnavigation.BottomNavigationView
..
app:labelVisibilityMode="labeled"/>

Answer 12

我尝试了所有这些答案，none 努力消除了单击图标时的波纹动画。

我找到的解决方案是改用 BottomNavigationViewEx class（在此处设置 - https://github.com/ittianyu/BottomNavigationViewEx）。

然后以编程方式设置

bottomNavigationView.setItemRippleColor(ColorStateList.valueOf(Color.parseColor("#FFFFFF")));

Answer 13

implementation 'com.google.android.material:material:1.2.1'
 
<com.google.android.material.bottomnavigation.BottomNavigationView
    .....
    app:labelVisibilityMode="unlabeled"/>

这样就可以了。

如何在 android 中删除底部导航视图的图标动画

How to remove icon animation for bottom navigation view in android

icons

animation

android

bottomnavigationview

android-bottomnav