DrawerLayout侧滑菜单
在主布局文件中创建DrawerLayout根元素布局——avtivity_main.xml文件
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/a123"/>
android:layout_height="match_parent"
android:layout_gravity="start"
android:choiceMode="singleChoice"
android:divider="#33333333"
android:dividerHeight="0dp"
android:background="#ffeeeeee"
android:scrollbars="none"/>
创建侧滑菜单ListView的Adapter——DrawerAdapter.java文件
package com.example.drawerlayout;
import java.util.ArrayList;
import java.util.List;
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
/**定义菜单项类*/
class TuiCoolMenuItem {
String menuTitle ;
int menuIcon ;
//构造方法
public TuiCoolMenuItem(String menuTitle , int menuIcon ){
this.menuTitle = menuTitle ;
this.menuIcon = menuIcon ;
}
}
/**自定义设置侧滑菜单ListView的Adapter*/
public class DrawerAdapter extends BaseAdapter{
//存储侧滑菜单中的各项的数据
List
//构造方法中传过来的activity
Context context ;
//构造方法
public DrawerAdapter( Context context ){
this.context = context ;
MenuItems.add(new TuiCoolMenuItem("", R.drawable.a123)) ;
MenuItems.add(new TuiCoolMenuItem("推荐", R.drawable.aa555)) ;
MenuItems.add(new TuiCoolMenuItem("发现", R.drawable.asdd)) ;
MenuItems.add(new TuiCoolMenuItem("主题", R.drawable.a123)) ;
MenuItems.add(new TuiCoolMenuItem("站点", R.drawable.aa555)) ;
MenuItems.add(new TuiCoolMenuItem("搜索", R.drawable.asdd)) ;
MenuItems.add(new TuiCoolMenuItem("离线", R.drawable.a123)) ;
MenuItems.add(new TuiCoolMenuItem("设置", R.drawable.aa555)) ;
}
@Override
public int getCount() {
return MenuItems.size();
}
@Override
public TuiCoolMenuItem getItem(int position) {
return MenuItems.get(position) ;
}
@Override
public long getItemId(int position) {
return position ;
}
@Override
public View getView(int position, View convertView, ViewGroup parent) {
View view = convertView ;
if(view == null){
view =LayoutInflater.from(context).inflate(R.layout.menudrawer_item, parent, false);
((TextView) view).setText(getItem(position).menuTitle) ;
((TextView) view).setCompoundDrawablesWithIntrinsicBounds(getItem(position).menuIcon, 0, 0, 0) ;
}
return view ;
}
}
创建menudrawer_item.xml文件
android:layout_height="wrap_content"
style="@style/item_style">
styles.xml文件
主Activity文件——MainActivity.java:
package com.example.drawerlayout;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.widget.DrawerLayout;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.Toast;
public class MainActivity extends Activity {
ListView menuDrawer ; //侧滑菜单视图
DrawerAdapter menuDrawerAdapter ; // 侧滑菜单ListView的Adapter
DrawerLayout mDrawerLayout ; // DrawerLayout组件
//当前的内容视图下（即侧滑菜单关闭状态下），ActionBar上的标题,
String currentContentTitle ;
ActionBarDrawerToggle mDrawerToggle ; //侧滑菜单状态监听器
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//开始时显示全局标题“推酷”
currentContentTitle = getResources().getString(R.string.global_title) ;
//为侧滑菜单设置Adapter，并为ListView添加单击事件监听器
menuDrawer = (ListView)findViewById(R.id.left_drawer) ;
menuDrawerAdapter = new DrawerAdapter(this) ;
menuDrawer.setAdapter(menuDrawerAdapter);
menuDrawer.setOnItemClickListener(new DrawerItemClickListener());
//为DrawerLayout注册状态监听器
mDrawerLayout = (DrawerLayout)findViewById(R.id.drawer_layout);
mDrawerToggle = new DrawerMenuToggle(
this, mDrawerLayout, R.drawable.a123, R.string.drawer_open, R.string.drawer_close) ;
mDrawerLayout.setDrawerListener(mDrawerToggle);
//设置ActionBar的指示图标可见，设置ActionBar上的应用图标位置处可以被单击
getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setHomeButtonEnabled(true);
getActionBar().setTitle(currentContentTitle);
//隐藏ActionBar上的应用图标，只显示文字label
getActionBar().setDisplayShowHomeEnabled(false);
}
/**侧滑菜单单击事件监听器*/
private class DrawerItemClickListener implements ListView.OnItemClickListener {
@Override
public void onItemClick(AdapterView parent, View view, int position,
long id) {
selectItem(position);
}
public void selectItem(int position){
//为内容视图加载新的Fragment
Bundle bd = new Bundle() ;
bd.putString(ContentFragment.SELECTED_ITEM,menuDrawerAdapter.getItem(position).menuTitle);
Fragment contentFragment = new ContentFragment( ) ;
contentFragment.setArguments(bd);
FragmentManager fragmentManager =getFragmentManager();
FragmentTransaction transaction = fragmentManager.beginTransaction();
transaction.replace(R.id.content_frame, contentFragment).commit();
//将选中的菜单项置为高亮
menuDrawer.setItemChecked(position, true);
//将ActionBar中标题更改为选中的标题项
setTitle(menuDrawerAdapter.getItem(position).menuTitle);
//将当前的侧滑菜单关闭，调用DrawerLayout的closeDrawer（）方法即可
mDrawerLayout.closeDrawer(menuDrawer);
}
public void setTitle( String title ){
currentContentTitle = title ; // 更改当前的CurrentContentTitle标题内容
getActionBar().setTitle(title);
}
}
/**侧滑菜单状态监听器（开、关），通过继承ActionBarDrawerToggle实现*/
private class DrawerMenuToggle extends ActionBarDrawerToggle{
/**
* @param drawerLayout ：就是加载的DrawerLayout容器组件
* @param drawerImageRes ： 要使用的ActionBar左上角的指示图标
* @param openDrawerContentDescRes 、closeDrawerContentDescRes：开启和关闭的两个描述字段，没有太大的用处
*
* */
public DrawerMenuToggle(Activity activity, DrawerLayout drawerLayout,
int drawerImageRes, int openDrawerContentDescRes,
int closeDrawerContentDescRes) {
super(activity, drawerLayout, drawerImageRes, openDrawerContentDescRes,closeDrawerContentDescRes);
}
/** 当侧滑菜单达到完全关闭的状态时，回调这个方法 */
public void onDrawerClosed(View view) {
super.onDrawerClosed(view);
//当侧滑菜单关闭后，显示ListView选中项的标题，如果并没有点击ListView中的任何项，那么显示原来的标题
getActionBar().setTitle(currentContentTitle);
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
/** 当侧滑菜单完全打开时，这个方法被回调 */
public void onDrawerOpened(View drawerView) {
super.onDrawerOpened(drawerView);
getActionBar().setTitle(R.string.global_title); //当侧滑菜单打开时ActionBar显示全局标题"推酷"
invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
}
};
/**为了能够让ActionBarDrawerToggle监听器
* 能够在Activity的整个生命周期中都能够以正确的逻辑工作
* 需要添加下面两个方法*/
@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 onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.main, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();
//第一个if 要加上，为的是让ActionBarDrawerToggle以正常的逻辑工作
if (mDrawerToggle.onOptionsItemSelected(item)) {
return true;
}
if (id == R.id.action_settings) {
return true;
}
if(id == R.id.action_websearch){
Toast.makeText(this, "webSearch 菜单项被单击", Toast.LENGTH_SHORT).show();
}
return super.onOptionsItemSelected(item);
}
/**每次调用 invalidateOptionsMenu() ，下面的这个方法就会被回调*/
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
// 如果侧滑菜单的状态监听器在侧滑菜单打开和关闭时都调用了invalidateOptionsMenu()方法，
//当侧滑菜单打开时将ActionBar上的某些菜单图标隐藏起来，使得这时仅显示“推酷”这个全局标题
//本应用中是将ActiongBar上的action菜单项隐藏起来
boolean drawerOpen = mDrawerLayout.isDrawerOpen(menuDrawer);//判定当前侧滑菜单的状态
menu.findItem(R.id.action_websearch).setVisible(!drawerOpen);
return super.onPrepareOptionsMenu(menu);
}
/**《当用户按下了"手机上的返回功能按键"的时候会回调这个方法》*/
@Override
public void onBackPressed() {
boolean drawerState = mDrawerLayout.isDrawerOpen(menuDrawer);
if (drawerState) {
mDrawerLayout.closeDrawers();
return;
}
//也就是说，当按下返回功能键的时候，不是直接对Activity进行弹栈，而是先将菜单视图关闭
super.onBackPressed();
}
}
创建——ContentFragment.java
package com.example.drawerlayout;
import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
public class ContentFragment extends Fragment {
public static final String SELECTED_ITEM = "selected_item" ;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
Bundle bd = getArguments( ) ;
View view = inflater.inflate(R.layout.fragment_content, null) ;
( (TextView ) view ).setText(bd.getString(SELECTED_ITEM)) ;
return view ;
}
}
fragment_content.xml文件
xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
TextView>
主菜单的创建—— main.xml文件
string.xml文件
