【问题标题】:How to remove icon animation for bottom navigation view in android如何在android中删除底部导航视图的图标动画
【发布时间】:2017-05-29 16:53:47
【问题描述】:

我在我的项目中实现了来自 Design Support Library 25 的底部导航视图。我在视图中有 5 个图标。 whenever an icon is selected it's having some animation.但是当 3 个或更少的图标没有显示任何动画时。我想删除那个动画,只需要对图标进行一些颜色更改。我怎样才能做到这一点?做了足够的谷歌搜索,但找不到解决方案。请帮忙。谢谢。

【问题讨论】:

标签: android animation icons bottomnavigationview android-bottomnav


【解决方案1】:

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

【讨论】:

  • 你好,谢谢你的这个问题和回答,这很完美,但我仍然在为图标的颜色而苦苦挣扎,我的默认图标是黑色的,但它显示为浅黑色,当我点击图标它的颜色变成白色..如何解决?
  • 我不知道为什么这在我的应用程序中不起作用:(我已经挣扎了好几个小时了
  • 我遇到了错误。 BottomNavigationItemView.setShiftingMode 只能在同一个库组内调用(groupId=com.android.support)
  • @SureshParmar,看起来使用最新版本的设计库,这不起作用。知道他们是否将禁用移位模式移至公共 API?
  • 对于那些发现这个问题的人,这里是 Android 支持库问题跟踪器中的问题,用于将其添加为 BottomNavigationView 的一项功能:issuetracker.google.com/issues/37125827
【解决方案2】:

我试过了,效果很好

BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);

或者这段代码mainactivity.xml

app:labelVisibilityMode="unlabeled"

【讨论】:

  • 或 MainActivity.xml app 中的这段代码:labelVisibilityMode="labeled"
  • 它对我有用,但有一个问题我有标题,在实施后我看不到只有标题的图标(我有改变图标和标题)
【解决方案3】:

我只是在 dimens.xml 上添加了这段代码,它的工作就像一个魅力!

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

【讨论】:

  • 迄今为止最好的解决方案。谢谢
  • 最佳答案,我已经检查了多个。
【解决方案4】:

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

【讨论】:

    【解决方案5】:

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

    例如:

    <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】:

      试试这个布局

      app:labelVisibilityMode="labeled"

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

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

      【讨论】:

        【解决方案7】:

        当我使用当前版本时

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

        我将 labelVisibilityMode 设置为“已标记”

        app:labelVisibilityMode="labeled"
        

        在这种情况下,我得到了它

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

        希望我也能帮到你。

        【讨论】:

          【解决方案8】:

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

          app:labelVisibilityMode="unlabeled"
          

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

          【讨论】:

          • 为了使用它,您需要使用 com.android.support:design:28.0.0-alpha1。
          • 但我想要没有动画的标签。
          • @user7832102 要禁用缩放动画,请遵循以下答案:stackoverflow.com/a/52322460/3557894
          【解决方案9】:

          只要这样做.. 在值存储库和添加内创建维度文件

          <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"/>
          

          【讨论】:

            【解决方案10】:

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

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

            然后以编程方式设置

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

            【讨论】:

              【解决方案11】:

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

              【讨论】:

                【解决方案12】:

                Material Design 越来越好用。

                应用对 Gradle 文件的依赖(更新到最新版本)。

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

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

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

                【讨论】:

                  【解决方案13】:
                  implementation 'com.google.android.material:material:1.2.1'
                   
                  <com.google.android.material.bottomnavigation.BottomNavigationView
                      .....
                      app:labelVisibilityMode="unlabeled"/>
                  

                  这样就可以了。

                  【讨论】:

                    猜你喜欢
                    • 2021-05-08
                    • 1970-01-01
                    • 1970-01-01
                    • 1970-01-01
                    • 1970-01-01
                    • 1970-01-01
                    • 2017-11-27
                    • 1970-01-01
                    相关资源
                    最近更新 更多