材料设计NavigationView简析
1、什么是NavigationView
Google在5.0之后推出NavigationView,就是在屏幕上左边或者右边滑出来的那个菜单,这个菜单整体上分为两部分,上面一部分叫做HeaderLayout,下面的那些点击项都是menu。
2、简单使用
效果图:
2.1首先需要添加design的依赖
compile 'com.android.support:design:24.2.1'
2.2 HeaderLayout和menu
HeaderLayout就是一个图片和一个标题,这里就不贴了。
menu:在res下添加menu包创建menu文件什么的省略。
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:checkableBehavior="single">
<item
android:id="@+id/action_i"
android:checked="true"
android:icon="@mipmap/ic_launcher"
android:title="早上" />
<item
android:id="@+id/action_ii"
android:icon="@mipmap/ic_launcher"
android:title="上午" />
<item
android:id="@+id/action_iii"
android:icon="@mipmap/ic_launcher"
android:title="下午" />
<item
android:id="@+id/action_iv"
android:icon="@mipmap/ic_launcher"
android:title="晚上">
<menu>
<group android:checkableBehavior="single">
<item
android:id="@+id/action_v"
android:icon="@mipmap/ic_launcher"
android:title="前半夜" />
<item
android:id="@+id/action_vi"
android:icon="@mipmap/ic_launcher"
android:title="后半夜" />
</group>
</menu>
</item>
</group>
</menu>
细心的朋友也许发现了,在item中还可以分组。没有错,只要你想分可以继续分下去。
3、布局文件
<android.support.v4.widget.DrawerLayout 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"
android:id="@+id/dlRoot"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.NavigationView
android:id="@+id/nvMenu"
android:layout_width="200dp"
android:layout_height="match_parent"
android:layout_gravity="left"
app:headerLayout="@layout/header_navigation"
app:itemIconTint="@color/blue"
app:menu="@menu/menu_navigation" />
</android.support.v4.widget.DrawerLayout>
4、MainActivity
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
nvMenu = ((NavigationView) findViewById(R.id.nvMenu));
dlRoot = (DrawerLayout) findViewById(R.id.dlRoot);
nvMenu.setItemIconTintList(null);//恢复item icon的彩色
nvMenu.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
Toast.makeText(MainActivity.this, item.getTitle(), Toast.LENGTH_SHORT).show();
dlRoot.closeDrawer(nvMenu);
return true;
}
});
}
在布局中有个设置,本人感觉比较鸡肋,app:itemIconTint="@color/blue"。设置icon的颜色,然而在MainActivity中把icon的颜色恢复为原来的色彩,所以设不设置都没啥用。不过如果在MainActivity中不恢复那就有必要设置,没有设置也没恢复原有色彩就会是灰色的。