【问题标题】:Bottom navigation bar to magnify selected item底部导航栏放大所选项目
【发布时间】:2018-10-25 19:20:58
【问题描述】:

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

附: - 我改为尝试使用其中有图像按钮的图像视图。一个非放大图标图像按钮和相应的放大图标(+其名称)图像按钮重叠,交替设置一个可见和另一个不可见,但这是一个坏主意。代码有效,但布局非常糟糕和混乱。

【问题讨论】:

  • 您必须使用旧版本的 'com.android.support:design',如果您使用的是较新版本,那么它会根据我的信念自动完成。尝试使用: implementation 'com.android.support:design:26.1.0'

标签: android android-bottomnav


【解决方案1】:

用提示回答:

答案:

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

一些实现底部导航视图的链接(如果您在谷歌上搜索它们,您很容易获得):

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

2] Android Working with Bottom Navigation

提示:

但是从上述链接中获得的知识的问题是; Material Design 文档告诉我们,如果底部导航有:

3 个项目 — 我们应该 为所有项目显示带有文本的图标(始终)。

4–5 个项目 — 我们应该只为活动图标显示文本,为非活动项目(或视图)隐藏。

现在,你可能已经猜到我接下来要说什么了。

“这是 Material Design 指南所建议的,所以我们就这样做吧。”

但这一次我不会。我不同意,你也应该这样。我会告诉你为什么。

Material Design 指南并不总是正确的。

无论您的底部导航中有 3 个还是 5 个项目,总是显示 文字标签!

这样做可以避免Mystery Meat Navigation problem that plagues Material Design。向Teo Yu Siang 大声疾呼,让他们意识到这一点!

未向您解释其作用的按钮或链接。相反,你 必须点击它们才能找到 — Mystery Meat Navigation。

我敢肯定,至少在某个时候,我们都曾是这种情况的受害者。我们点击一​​个按钮,假设它做某事,只是让它完全做其他事情!

你们自己也是,你们的用户也帮个忙。始终为底部导航图标显示文本标签。

通过提及(例如):bottomNavigation.setTitleState(AHBottomNavigation.TitleState.ALWAYS_SHOW);

我尽了自己的一份力来提供良好的用户体验。休息一切都取决于你。

提示——来源和来源: Ultimate Guide to Bottom Navigation on Android

【讨论】:

    【解决方案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 个以上的项目。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2022-08-13
      • 1970-01-01
      • 2021-10-04
      • 2020-02-09
      • 2017-04-01
      • 1970-01-01
      • 2021-04-18
      • 1970-01-01
      相关资源
      最近更新 更多