底部导航栏可放大所选项目

Question

我想在我的Android项目中创建一个底部导航栏。这是导航栏中的5个项目（只是项目图标。没有任何项目的名称）。我想以某种方式制作它，以便在选择一个项目时将其放大一点并显示其名称。 我该怎么办？

P.S。 -我改为尝试使用其中包含图像按钮的imageview。一个未放大的图标图像按钮和相应的已放大图标（及其名称）图像按钮重叠在一起，交替设置一个可见和另一个不可见，但这不是一个好主意。代码可以工作，但是布局非常糟糕且混乱。

Answer 1

答案提示：

答案：

如果您使用最新的support:design库然后实现BottomNavigationView，则这是默认行为。如我上面的评论所述；在您的问题下方。

一些用于实现底部导航视图的链接（如果您需要谷歌浏览，则可以轻松获得）：

1] How to Code a Bottom Navigation Bar for an Android App

2] Android Working with Bottom Navigation

提示：

但是从以上链接中获得的知识的问题是； 材料设计文档告诉我们，底部导航是否具有：

3个项目-我们应显示所有项目的图标（始终带有文字）。

4–5个项目-我们应仅对活动图标显示文本，对不活动的项目（或视图）隐藏。

现在，您可能会对我接下来要说的内容有个很好的猜测。

“这是《材料设计指南》的建议，所以就这样吧。”

但是这次我不会。我不同意，你也应该同意。我会告诉你为什么。

材料设计准则并不总是正确的。

  

底部导航中是否有3或5个项目，总是显示   文字标签！

这样做可以避免使用Mystery Meat Navigation problem that plagues Material Design。大喊Teo Yu Siang，以了解这一点！

  

按钮或链接，不会向您解释它们的作用。相反，你   必须点击它们以找出答案—神秘肉导航。

我敢肯定，至少在某些时候，我们都是受害者。我们单击一个按钮，假设它正在执行某项操作，而只是完全要执行其他操作！

您自己也是如此，您的用户也是如此。始终，请为“底部导航”图标显示文本标签。

通过提及（例如）：bottomNavigation.setTitleState(AHBottomNavigation.TitleState.ALWAYS_SHOW);

我尽了最大的努力来提供出色的用户体验。休息全取决于你。

提示-来源和信誉： Ultimate Guide to Bottom Navigation on Android

Answer 2

您可以从android支持库中使用BottomNavigationView。

使用以下依赖性-

implementation 'com.android.support:design:26.1.0'

并在底部导航栏的xml文件中使用以下内容-

<android.support.design.widget.BottomNavigationView
    android:id="@+id/navigation"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimary"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:menu="@menu/navigation" />

注意-为使放大行为起作用，您的BottomNavigationView中需要包含3个以上的项目。