我正在尝试实现这个底部栏,其中包含一个比其他项目更大尺寸和不同形状的项目。
是否有一种非 hacky 的方法可以使用本机底部导航组件来实现此目的?我想不是,因为它似乎不符合材料设计规范。
否则,最好的方法是什么?我只看到两种方法可以实现这一目标,但对我来说,没有一种方法是可靠的。
- 对于每个“小项目”,在可绘制的顶部添加一个透明条以达到相机图标的大小。
- 实现一个包含 5 个项目的底部栏,中间有一个“幽灵项目”,在其顶部我可以放置一些其他组件。这需要该组件与底部栏耦合。
EDIT
这是我按照 Harshit 和 fmaccaroni 的建议通过增加图标大小获得的结果。
当未选择该项目时:
当选择该项目时:
优点:图标比其他图标大
缺点:它仍然包含在底部栏中。此外,选择时它不会垂直居中
<android.support.design.widget.BottomNavigationView
android:id="@+id/navigation"
android:layout_width="match_parent"
android:layout_height="56dp"
android:layout_alignParentBottom="true"
android:background="?android:attr/windowBackground"
app:itemIconTint="@color/colorPrimary"
app:itemTextColor="@android:color/black"
app:menu="@menu/navigation"
android:clipChildren="false">
<android.support.design.widget.FloatingActionButton
android:id="@+id/fab"
android:layout_width="56dp"
android:layout_height="56dp"
android:layout_gravity="center"
android:layout_marginBottom="8dp"
app:elevation="6dp"
android:scaleType="center" />
</android.support.design.widget.BottomNavigationView>
还将 android:clipChildren="false" 添加到根布局
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)