首页 > 代码库 > DrawerLayout和ActionBarDrawerToggle

DrawerLayout和ActionBarDrawerToggle

2024-08-22 07:09:43   222人阅读

说明：DrawerLayout的作用就是左侧滑出、右侧滑出菜单。需要和ActionBarDrawerToggle来配合使用。如果对ActionBar不理解，请先熟悉ActionBar。

1、首先配置DrawerLayout。

技术分享

说明：此时配置完毕，就可以滑动屏幕左侧和右侧，此时已经可以滑出菜单了。

2、然后新建ActionBarDrawerToggle类。

mToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_drawer_am, 
                R.string.open, R.string.close);

参数依次为：context，DrawerLyout类（上图xml中配置的），图标（下图的矩形中图标），String XML中的open和close（名称可以随便写）

技术分享

注意：上图中的红色矩形是ActionBar的返回键，这个返回键必须配置显示，否则不会显示这个图标。也就是说：ActionBarDrawerToggle的图标显示在ActionBar的返回键的位置。

配置ActionBar的显示代码如下：

private void initActionBar() {

        ActionBar actionBar = getSupportActionBar();
        actionBar.setTitle("AppStore");
        actionBar.setLogo(R.drawable.icon);
        actionBar.setDisplayHomeAsUpEnabled(true);//显示返回键

    }

此时配置完毕。

3、建立DrawerLayout和ActionBarDrawerToggle的关联

    mToggle.syncState();
        mDrawerLayout.setDrawerListener(mToggle);

此时关联和配置都完成了，只能左滑和右滑才可以显示。还需要配置一步，才能做到点击矩形开关，进行自动打开和关闭。

4、配置Toggle的开关

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
        case android.R.id.home:
            mToggle.onOptionsItemSelected(item);
            break;

        default:
            break;
        }
        return super.onOptionsItemSelected(item);
    }

 

此时所有配置完毕。

 

说明：鉴于时间关系，部分描述和源码未全部写清楚，如有需要，请留下邮箱或者评论中说明。

 



 

DrawerLayout和ActionBarDrawerToggle


联系
我们