一.侧滑菜单的依赖
//侧滑菜单依赖
implementation 'com.android.support:design:27.1.1'
implementation 'com.readystatesoftware.systembartint:systembartint:1.0.3'
二.布局文件
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/activity_na"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
android:orientation="vertical">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:background="@color/colorPrimaryDark"
android:orientation="horizontal">
<ImageView
android:id="@+id/main_menu"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:background="@color/colorPrimaryDark"
android:src="@mipmap/back_write" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_vertical"
android:text="旅行者说"
android:textColor="#ffffff"
android:textSize="20sp" />
</LinearLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:text="主页"
android:textSize="22sp" />
</FrameLayout>
<android.support.design.widget.NavigationView
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/nav"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="left"
app:headerLayout="@layout/head"
app:menu="@menu/new_menu" />
</android.support.v4.widget.DrawerLayout>
三.Activity视图交互类
import android.app.Activity;
import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.support.annotation.Nullable;
import android.support.design.widget.NavigationView;
import android.support.v4.widget.DrawerLayout;
import android.view.MenuItem;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.Toast;
import com.readystatesoftware.systembartint.SystemBarTintManager;
//侧滑菜单
public class SlidingMenuActivity extends Activity implements View.OnClickListener{
private DrawerLayout drawerLayout;
private SystemBarTintManager tintManager;
private NavigationView navigationView;
ImageView menu;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.sliding_menu_activity);
initWindow();
drawerLayout = (DrawerLayout) findViewById(R.id.activity_na);
navigationView = (NavigationView) findViewById(R.id.nav);
menu= (ImageView) findViewById(R.id.main_menu);
View headerView = navigationView.getHeaderView(0);//获取头布局
menu.setOnClickListener(this);
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
Log.e("------------", "" + item.getTitle());
if (item.getTitle().equals("会员")){
Toast.makeText(SlidingMenuActivity.this, "你点击了会员", Toast.LENGTH_SHORT).show();
}
// item.setChecked(true);//记录点击的项
Toast.makeText(SlidingMenuActivity.this, item.getTitle().toString(), Toast.LENGTH_SHORT).show();
drawerLayout.closeDrawer(navigationView);
return true;
}
});
}
@Override
public void onClick(View v) {
switch (v.getId()){
case R.id.main_menu://点击菜单,跳出侧滑菜单
if (drawerLayout.isDrawerOpen(navigationView)){
drawerLayout.closeDrawer(navigationView);
}else{
drawerLayout.openDrawer(navigationView);
}
break;
}
}
private void initWindow() {//初始化窗口属性,让状态栏和导航栏透明
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);
getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_NAVIGATION);
tintManager = new SystemBarTintManager(this);
int statusColor = Color.parseColor("#1976d2");
tintManager.setStatusBarTintColor(statusColor);
tintManager.setStatusBarTintEnabled(true);
}
}
}
四.侧滑菜单头部及主体布局
头部:head.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="@color/colorPrimary">
<ImageView
android:id="@+id/person"
android:layout_width="72dp"
android:layout_height="72dp"
android:layout_marginTop="42dp"
android:src="@mipmap/back_write"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="20sp"
android:layout_marginTop="24dp"
android:textColor="#ffffff"
android:text="沐风"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="16sp"
android:layout_marginTop="12dp"
android:textColor="#ffffff"
android:layout_marginBottom="18dp"
android:text="人生像一场没有尽头的旅行."/>
</LinearLayout>
主体:new_menu.xml
<?xml version="1.0" encoding="UTF-8" ?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<group android:checkableBehavior="single">
<item
android:id="@+id/favorite"
android:checkable="true"
android:icon="@mipmap/back_write"
android:title="会员" />
</group>
<item
android:id="@+id/wallet"
android:icon="@mipmap/back_write"
android:title="钱包" />
<item
android:id="@+id/photo"
android:icon="@mipmap/back_write"
android:title="相册" />
<item
android:id="@+id/dress"
android:icon="@mipmap/back_write"
android:title="装扮" />
<item
android:id="@+id/file"
android:icon="@mipmap/back_write"
android:title="文件" />
</menu>