Android 抽屜效果的導(dǎo)航菜單實(shí)現(xiàn)

抽屜效果的導(dǎo)航菜單

看了很多應(yīng)用，覺(jué)得這種側(cè)滑的抽屜效果的菜單很好。

不用切換到另一個(gè)頁(yè)面，也不用去按菜單的硬件按鈕，直接在界面上一個(gè)按鈕點(diǎn)擊，菜單就滑出來(lái)，而且感覺(jué)能放很多東西。

關(guān)于實(shí)現(xiàn)，搜索了一下，有如下兩種：

1.用SlidingDrawer：

但是不知道為什么這個(gè)類(lèi)官方不建議再繼續(xù)用了：

Deprecated since API level 17

2.用DrawerLayout：

Guide在這里：

庫(kù)的引用

首先，Support Library里的，需要加上android-support-v4.jar這個(gè)包。

然后程序中用時(shí)在前面導(dǎo)入import android.support.v4.widget.DrawerLayout;

如果找不到這個(gè)類(lèi)，首先用SDK Manager更新一下Android Support Library，然后在Android SDK\extras\android\support\v4路徑下找到android-support-v4.jar，復(fù)制到項(xiàng)目的libs路徑，將其Add to Build Path.

代碼1

布局：

DrawerLayout的第一個(gè)子元素是主要內(nèi)容，即抽屜沒(méi)有打開(kāi)時(shí)顯示的布局。這里采用了一個(gè)FrameLayout，里面什么也沒(méi)放。

DrawerLayout的第二個(gè)子元素是抽屜中的內(nèi)容，即抽屜布局，這里采用了一個(gè)ListView。

主要的Activity(從官方實(shí)例中扒出來(lái)的)：

package com.example.hellodrawer;

import android.os.Bundle;

import android.app.Activity;

import android.content.res.Configuration;

import android.view.MenuItem;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ArrayAdapter;

import android.widget.ListView;

import android.support.v4.app.ActionBarDrawerToggle;

import android.support.v4.view.GravityCompat;

import android.support.v4.widget.DrawerLayout;

public class HelloDrawerActivity extends Activity

{

private String[] mPlanetTitles;

private DrawerLayout mDrawerLayout;

private ActionBarDrawerToggle mDrawerToggle;

private ListView mDrawerList;

@Override

public void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_hello_drawer);

mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

//init the ListView and Adapter, nothing new

initListView();

//set a custom shadow that overlays the main content when the drawer//opens

mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow,

GravityCompat.START);

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,

R.drawable.ic_drawer, R.string.drawer_open,

R.string.drawer_close)

{

/**Called when a drawer has settled in a completely closed state.*/

public void onDrawerClosed(View view)

{

invalidateOptionsMenu(); //creates call to//onPrepareOptionsMenu()

}

/**Called when a drawer has settled in a completely open state.*/

public void onDrawerOpened(View drawerView)

{

invalidateOptionsMenu(); //creates call to//onPrepareOptionsMenu()

}

};

//Set the drawer toggle as the DrawerListener

mDrawerLayout.setDrawerListener(mDrawerToggle);

//enable ActionBar app icon to behave as action to toggle nav drawer

getActionBar().setDisplayHomeAsUpEnabled(true);

//getActionBar().setHomeButtonEnabled(true);//Note: getActionBar() Added in API level 11

}

private void initListView()

{

mDrawerList = (ListView) findViewById(R.id.left_drawer);

mPlanetTitles = getResources().getStringArray(R.array.planets_array);

//Set the adapter for the list view

mDrawerList.setAdapter(new ArrayAdapter(this,

R.layout.list_item, mPlanetTitles));

//Set the list's click listener

mDrawerList.setOnItemClickListener(new OnItemClickListener()

{

@Override

public void onItemClick(AdapterView> parent, View view,

int position, long id)

{

//Highlight the selected item, update the title, and close the//drawer

mDrawerList.setItemChecked(position, true);

setTitle(mPlanetTitles[position]);

mDrawerLayout.closeDrawer(mDrawerList);

}

});

}

@Override

protected void onPostCreate(Bundle savedInstanceState)

{

super.onPostCreate(savedInstanceState);

//Sync the toggle state after onRestoreInstanceState has occurred.

mDrawerToggle.syncState();

}

@Override

public void onConfigurationChanged(Configuration newConfig)

{

super.onConfigurationChanged(newConfig);

mDrawerToggle.onConfigurationChanged(newConfig);

}

@Override

public boolean onOptionsItemSelected(MenuItem item)

{

//Pass the event to ActionBarDrawerToggle, if it returns//true, then it has handled the app icon touch event

if (mDrawerToggle.onOptionsItemSelected(item))

{

return true;

}

//Handle your other action bar items...

return super.onOptionsItemSelected(item);

}

}

比較糾結(jié)的是用了Level 11的一個(gè)API，這樣minSdkVersion就有限制，不能太低。

圖片資源Android官網(wǎng)示例處提供下載了。

程序運(yùn)行后效果如下：

抽屜打開(kāi)前：

抽屜打開(kāi)后：

代碼2

今天又看了一下DrawerLayout的類(lèi)，發(fā)現(xiàn)有很多方法可以直接用的。

重新試了一下，其實(shí)不用上面那么麻煩，隨便自己定義一個(gè)按鈕控制抽屜的打開(kāi)就行：

布局：

/>

主要代碼：

package com.example.hellodrawer;

import android.os.Bundle;

import android.app.Activity;

import android.support.v4.widget.DrawerLayout;

import android.view.Gravity;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

public class DrawerActivity extends Activity

{

private DrawerLayout mDrawerLayout = null;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_drawer);

mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);

Button button = (Button) findViewById(R.id.btn);

button.setOnClickListener(new OnClickListener()

{

@Override

public void onClick(View v)

{

//按鈕按下，將抽屜打開(kāi)

mDrawerLayout.openDrawer(Gravity.LEFT);

}

});

}

}

參考資料

官方教程：

其他參考資料：

總結(jié)

以上是生活随笔為你收集整理的android抽屉式listview,Android 抽屉效果的导航菜单实现的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。