前言
Toobar是一个好东西,大家要是还不是很懂的话,可以食用我的一篇文章Toolbar的一次邂逅
欢迎大家吐槽!!大家开心的话可以给我一个喜欢喔!
介绍
Navigation + DrawerLayout就是google推一种抽屉式导航!!哈哈 直接的翻译有点屌。
就是大家说侧滑菜单,网易云音乐是同款喔!!!
不多说上图~~~~
给大家来张动图!!!
开始食用
首先Gradle添加引用
compile 'com.android.support:appcompat-v7:24.1.1',
compile 'com.android.support:design:24.1.1'
dependencies {
//前面一大波不知道什么!!哇哈哈
compile 'com.android.support:appcompat-v7:24.1.1'
compile 'com.android.support:design:24.1.1'
}
准备Toolbar,可以把toolbar写在单独xml,在drawerlayout里面就是直接包括进去,大家要是不懂的话(Toolbar)可以去参考 ->Toolbar的一次邂逅
<android.support.v7.widget.Toolbar
android:id="@+id/toolbar"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:minWidth="?attr/actionBarSize"
android:background="?attr/colorPrimary"
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
>
</android.support.v7.widget.Toolbar>
好了好了,drawerlayout主角要来了,他们要一起约会了!
首先准备
activity_main.xml code
<?xml version="1.0" encoding="utf-8"?>
<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/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:openDrawer="start">
<include
layout="@layout/toolbar"
android:layout_width="match_parent"
android:layout_height="match_parent" />
<android.support.design.widget.NavigationView
android:id="@+id/nav_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"
android:fitsSystemWindows="true"
app:headerLayout="@layout/nav_header_main"
app:menu="@menu/activity_main_drawer" />
</android.support.v4.widget.DrawerLayout>
对于NavigationView 里面的android:layout_gravity="start" 这个属性,说明一下,
- android:layout_gravity="start" 左侧开始弹出菜单
- android:layout_gravity="end" 右侧开始弹出菜单
MainActivity.java code
public class MainActivity extends AppCompatActivity {
private Toolbar toolbar;
private DrawerLayout mDrawerLayout;
private NavigationView mNavigationView;
private ActionBarDrawerToggle toggle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
toolbar = (Toolbar)findViewById(R.id.toolbar);
toolbar.setTitle("OkLife");//设置toolbar 标题
toolbar.inflateMenu(R.menu.app_bar_menu);//设置菜单
//菜单点击监听器
toolbar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
if(item.getItemId()==R.id.action_bar_title){
Toast.makeText(getApplication(),"this is title ",Toast.LENGTH_SHORT).show();
}
return false;
}
});
mDrawerLayout =(DrawerLayout)findViewById(R.id.drawer_layout);
toggle =new ActionBarDrawerToggle(this,mDrawerLayout,toolbar,R.string.open,R.string.close);
mDrawerLayout.addDrawerListener(toggle);
toggle.syncState();
mNavigationView=(NavigationView)findViewById(R.id.nav_view);
//mNavigationView.inflateHeaderView(R.layout.nav_header_main);
mNavigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(MenuItem item) {
if(item.getItemId()==R.id.nav_camera){
Toast.makeText(getApplication(),"我不管我最可爱 ",Toast.LENGTH_SHORT).show();
}
return false;
}
});
}
}
最终结果:
Toolbar 应该很开心,遇上Nav Drawer!!应该有掌声!
资料引用:
Creating a Navigation Drawer
Android ActionBarDrawerToggle
源码:
开源是一种美德,分享一份快乐,希望androider少走弯路,多点时间泡妞!
关于:
一个非androider,开心就好,欢迎和我一起讨论!转载注明出处,谢谢!