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

时间:2017-01-14 11:34:07

标签: android animation icons bottomnavigationview android-bottomnav

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

12 个答案:

答案 0 :(得分:84)

thread获得答案。

删除动画或转换模式。

BottomNavigationView的实施有条件:当项目超过3项时,请使用班次模式。

  

创建助手类

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);
        } 
    } 
} 
  

用法

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

答案 1 :(得分:7)

BottomNavigationViewEx是标准BottomNavigationView的良好扩展。 enableShiftingMode(false)为你完成工作。

答案 2 :(得分:6)

我尝试了一下,效果很好

BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

或者此代码mainactivity.xml

app:labelVisibilityMode="unlabeled"

答案 3 :(得分:1)

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

app:labelVisibilityMode="unlabeled"

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

答案 4 :(得分:1)

我只是将此代码添加到dimens.xml上,其工作就像一个魅力!

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

答案 5 :(得分:1)

标签文本大小的更改将导致动画。 如果将常规,活动和不活动的文本外观设置为相同,则不会更改,因此不会显示动画。

例如:

<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),但是如果您愿意,可以设置自己的文本样式。只要记住将它们三个都设置为相同即可。

答案 6 :(得分:1)

只要这样做。 在值存储库和添加内部创建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"/>

答案 7 :(得分:1)

我尝试了所有这些答案,但没有一个可以消除单击图标时的波纹动画。

我发现的一个解决方案是改用 BottomNavigationViewEx 类(在此处设置 - https://github.com/ittianyu/BottomNavigationViewEx)。

然后以编程方式设置

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

答案 8 :(得分:0)

要删除动画或移动,请使用bottomNavigationViewEX创建一个bottomNavigationViewHelper类

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);
    }
}

答案 9 :(得分:0)

试试这是布局

app:labelVisibilityMode="labeled"

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

并将您的设计支持库更新为28.0。

答案 10 :(得分:0)

当我使用当前版本时

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>

我希望我能为您提供帮助。

答案 11 :(得分:0)

材料设计变得更加易于使用。

应用程序对您的Gradle文件的依赖关系(更新为最新版本)。

private void spawnBlock(Type type){
    if(Type.I.equals(type)) {
        currentBlock = new IBlock();
    } else if(Type.L.equals(type)) {
        currentBlock = new LBlock();
    } else if(Type.J.equals(type)) {
        currentBlock = new JBlock();
    } else if(Type.Z.equals(type)) {
        currentBlock = new ZBlock();
    } else if(Type.S.equals(type)) {
        currentBlock = new SBlock();
    } else if(Type.T.equals(type)) {
        currentBlock = new TBlock();
    } else {
        currentBlock = new OBlock();
    }
}

在MainActivity中,只需向BottomNavigationView类调用clearAnimation()函数

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