![](/img/trans.png)
[英]How to remove animation of icon and text being bigger on bottom navigation bar?
[英]How to remove icon animation for bottom navigation view in android
我已经在我的项目中实现了来自 Design Support Library 25 的底部导航视图。 我在视图中有 5 个图标。 whenever an icon is selected it's having some animation. 但是当 3 个或更少的图标没有显示任何动画时。 我想删除那个动画,只需要对图标进行一些颜色更改。 我怎样才能做到这一点? 做了足够的谷歌搜索,但找不到解决方案。 请帮忙。 谢谢。
从这个线程得到了答案。
删除动画或移位模式。
BottomNavigationView
实现有条件:当超过 3 个项目时,使用 shift 模式。
创建辅助类
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);
我试过了,效果很好
BottomNavigationViewHelper.disableShiftMode(bottomNavigationView);
或者这段代码 mainactivity.xml
app:labelVisibilityMode="unlabeled"
BottomNavigationViewEx是标准BottomNavigationView 的一个很好的扩展。 enableShiftingMode(false) 为您完成这项工作。
我只是在 dimens.xml 上添加了这段代码,它的工作就像一个魅力!
<dimen name="design_bottom_navigation_active_text_size" tools:override="true">@dimen/design_bottom_navigation_text_size</dimen>
标签文字大小的变化会导致动画。 如果您将常规、活动和非活动文本外观设置为相同,则不会有任何变化,因此没有动画。
例如 :
<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) 但如果您愿意,您可以设置自己的文本样式。 只要记住将它们三个都设置为相同。
试试这是布局
app:labelVisibilityMode="labeled"
或在代码级mNavigationView.setLabelVisibilityMode(LabelVisibilityMode.LABEL_VISIBILITY_LABELED);
并将您的设计支持库更新到 28.0.+
这可能不是最优雅或最实用的解决方案,但您可以尝试将以下行添加到您的 BottomNavigationView。
app:labelVisibilityMode="unlabeled"
它将删除标签并禁用动画。
当我使用当前版本时
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>
我也希望能帮到你。
要删除动画或移动移动,请使用 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);
}
}
只需这样做.. 在 values 存储库和 add 中创建维度文件
<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"/>
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();
我尝试了所有这些答案,但没有一个可以在单击图标时消除波纹动画。
我发现的一个解决方案是使用 BottomNavigationViewEx 类(在此处设置 - https://github.com/ittianyu/BottomNavigationViewEx )。
然后以编程方式设置
bottomNavigationView.setItemRippleColor(ColorStateList.valueOf(Color.parseColor("#FFFFFF")));
实施 'com.google.android.material:material:1.2.1'
<com.google.android.material.bottomnavigation.BottomNavigationView ..... app:labelVisibilityMode="unlabeled"/>
这会成功的。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.