- 介紹
一款專門做菜單的控件从隆,一般和DrawerLayout一起使用。 - 使用
第一步缭裆,先準備一個頭布局键闺,一個菜單
先準備一個表示頭部的布局。
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="200dp">
<ImageView
android:clickable="true"
android:id="@+id/iv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:background="#53fc77"/>//一個背景圖片
<de.hdodenhof.circleimageview.CircleImageView
android:clickable="true"
android:id="@+id/it"
android:layout_width="70dp"
android:layout_height="73dp"
android:src="@mipmap/xlj"
android:layout_centerInParent="true"http://這里是采用了一個第三方的圓形頭像
/>
</RelativeLayout>
一般的布局形式澈驼,可以按照自己想要的去設計辛燥,去布局。如上述布局缝其,效果如下:
在準備下面的菜單文件:
<menu xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto">
<item
android:id="@+id/favorite"
android:icon="@mipmap/ic_launcher"
android:title="收藏"
/>
<item
android:id="@+id/wallet"
android:icon="@mipmap/ic_launcher"
android:title="錢包"/>
<group android:id="@+id/g2">
<item
android:id="@+id/photo"
android:icon="@mipmap/ic_launcher"
android:title="相冊"/>
</group> //用group包裹挎塌,可以實現(xiàn)分割線,就是說内边,這個group中的內容與上榴都,與下面的內容會出現(xiàn)分割線。
<item
android:id="@+id/file"
android:icon="@mipmap/ic_launcher"
android:title="文件"/>
</menu>
在布局文件中使用
<android.support.design.widget.NavigationView
android:id="@+id/navigation_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="left" //這是和DrawerLayout配合使用時候帶的
android:fitsSystemWindows="true"
app:headerLayout="@layout/header_layout" //關鍵之一漠其,引用頭部的布局
app:menu="@menu/main"> //關鍵之二嘴高,引入菜單
</android.support.design.widget.NavigationView>
其中:android:fitsSystemWindows = "true":
內置的一個布爾值屬性,通過其去調整基于系統(tǒng)窗口的視圖布局和屎,例如狀態(tài)欄拴驮,如果為true,將自動
調整系統(tǒng)窗口布局來適應你自定義的布局柴信。例如:當系統(tǒng)有狀態(tài)欄套啤,你的應用也存在狀態(tài)欄時便可以設置為ture。
- 添加點擊事件
NavigationView navigationView = (NavigationView) findViewById(R.id.navigation_view);
navigationView.setItemIconTintList(null); //這樣你在下面的菜單上的圖標就會顯示原本的顏色颠印。
View headerview = navigationView.getHeaderView(0); //得到頭部的布局纲岭,
heandImage = (ImageView) headerview.findViewById(R.id.iv); //從頭布局中找到里面的控件,
可以添加點擊事件
circleImageView = (CircleImageView) headerview.findViewById(R.id.it);
針對與下面的菜單:
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()){
}
return true;
}
});
在上面完成你所需要的點擊事件线罕。
結果如下: