当Toolbar遇上Navigation Drawer

前言


Toobar是一个好东西,大家要是还不是很懂的话,可以食用我的一篇文章Toolbar的一次邂逅
欢迎大家吐槽!!大家开心的话可以给我一个喜欢喔!

介绍


Navigation + DrawerLayout就是google推一种抽屉式导航!!哈哈 直接的翻译有点屌。
就是大家说侧滑菜单,网易云音乐是同款喔!!!
不多说上图~~~~


当Toolbar遇上Navigation Drawer_第1张图片

给大家来张动图!!!


当Toolbar遇上Navigation Drawer_第2张图片

开始食用


首先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的一次邂逅



好了好了,drawerlayout主角要来了,他们要一起约会了!
首先准备
activity_main.xml code




    

    


对于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遇上Navigation Drawer_第3张图片

Toolbar 应该很开心,遇上Nav Drawer!!应该有掌声!

资料引用:


Creating a Navigation Drawer
Android ActionBarDrawerToggle

源码:


开源是一种美德,分享一份快乐,希望androider少走弯路,多点时间泡妞!

关于:


一个非androider,开心就好,欢迎和我一起讨论!转载注明出处,谢谢!

你可能感兴趣的:(当Toolbar遇上Navigation Drawer)