NavigationView菜单项增加分割线

2/13/2017来源:iOS开发人气:1452

NavigationView菜单项增加分割线

其实这篇文章有点短,短的可能一句话就说完了,于是就多扯点。

给菜单项增加分割线是什么意思呢?看下图(图来源stackoverflow)

enter image description here

在上述图片中我们可以清楚地看见每一项菜单项之间都有一个分割线,至于要不看像图片所示那样这么频繁地使用就看自己了。

那这种效果应该怎么做呢?在网上搜索了一下,有编写xml文件的,有在java代码中实现的,而谷歌官方文档中也没有说明该怎么实现,其实根本不用这么麻烦,网上还是出现了一种清新脱俗的方法,墙裂推荐,我根本不想去看其他方法的实现。那这种方法到底是什么呢?

你只要给你的group都取上一个独特的id就可以了

<menu xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" tools:context=".MainActivity"> <group android:id="@+id/grp1" android:checkableBehavior="single" > <item android:id="@+id/navigation_item_1" android:checked="true" android:icon="@drawable/ic_home" android:title="@string/navigation_item_1" /> </group> <group android:id="@+id/grp2" android:checkableBehavior="single" > <item android:id="@+id/navigation_item_2" android:icon="@drawable/ic_home" android:title="@string/navigation_item_2" /> </group> </menu>

就像上面代码所示,每个group都有一个自己的id,这样的话,就会自动出现分割线了,至于原因为什么,原回答已经删去了引用所以也无从得知。

这里在提一点,就像上面图片所看到的,因为出现了这个分割线,多出了很多padding来间隔,但是在点击的时候,会很明显的发现这个效果并不好看,加深的部分并没有填充满整个区域,那这个又要怎么解决呢?

也非常简单,只要在你自己的 dimes.xml 中重载一个 design_navigaiton_separator_vertical_padding的dimes即可

<dimen name="design_navigation_separator_vertical_padding">0dp</dimen>

具体的原因可从源代码的 90-91 行的这个函数中得知。