Android基础篇-DrawerLayout 实现侧滑

原创已于 2022-02-07 10:59:43 修改 · 1.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#android #布局 #侧滑 #Drawer #layout

于 2016-11-05 10:25:21 首次发布

Android基础专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一个包含侧滑菜单功能的Android应用示例。通过使用DrawerLayout组件和ActionBarDrawerToggle类，可以实现在界面上滑动显示菜单列表的效果。此外，文章还展示了如何设置ActionBar的图标使其变为可点击状态，并在点击时触发侧滑菜单的开合。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图
这里写图片描述

首先讲一个问题，如果运行中出现actionBar空指针，可能就是你的application的theme设置了NotActionBar，这时候请修改主题。

先给出布局
activity_main;

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/drawerlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <FrameLayout
        android:id="@+id/frameLayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </FrameLayout>

    <ListView
        android:background="#111"        
        android:id="@+id/listView"
        android:layout_width="150dp"
        android:layout_height="match_parent"
        android:layout_gravity="start" />

</android.support.v4.widget.DrawerLayout>

layout_menu:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">    
    <TextView 
        android:textSize="20sp"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:id="@+id/tv"/>
    

</LinearLayout>

MainActivity:



import java.util.ArrayList;
import java.util.List;

import android.net.Uri;
import android.os.Bundle;
import android.R.anim;
import android.R.bool;
import android.app.Activity;
import android.content.Intent;
import android.content.res.Configuration;
import android.support.v4.app.Fragment;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.widget.DrawerLayout;
import android.view.Menu;
import android.view.MenuInflater;
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.widget.SimpleAdapter;
import android.widget.Switch;

public class MainActivity extends FragmentActivity implements OnItemClickListener {

	private DrawerLayout drawerLayout;
	private ListView listView;
	ActionBarDrawerToggle adt;
	ArrayList<String> list;
	ArrayAdapter<String> adapter;
	CharSequence title;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//设置是否将应用程序图标设置转变成可点击的图标，并在图标上添加一个向左的
		getActionBar().setDisplayHomeAsUpEnabled(true);
		//设置是否将应用程序图标设置为可点击的按钮
		getActionBar().setHomeButtonEnabled(true);
		title=getTitle();
		ininView();
		listView.setAdapter(adapter);
		listView.setOnItemClickListener(this);
		drawerLayout.setDrawerListener(adt);
	}

	// 初始化View
	public void ininView() {
		list = new ArrayList<String>();
		drawerLayout = (DrawerLayout) findViewById(R.id.drawerlayout);
		listView = (ListView) findViewById(R.id.listView);
		for (int i = 0; i < 5; i++) {
			list.add(i + "");
		}
		adapter = new ArrayAdapter<String>(this,
				android.R.layout.simple_expandable_list_item_1, list);
		
		//给侧滑设置监听事件，监听打开和隐藏
		adt=new ActionBarDrawerToggle(this, drawerLayout, R.drawable.main_slidingmenu,
				R.string.open,R.string.close)
		{
			@Override
			public void onDrawerClosed(View drawerView) {
				getActionBar().setTitle(title);
				invalidateOptionsMenu();
			}
			
			//关闭时将标题重新设置
			@Override
			public void onDrawerOpened(View drawerView) {
				getActionBar().setTitle("请选择");
				invalidateOptionsMenu();
			}
		};
	}

	@Override
	public void onItemClick(AdapterView<?> parent, View view, int position,
			long id) {
		selectItem(position);
	}
	
	//点击listView时的监听事件
	private void selectItem(int position)
	{
		MenuLeftFragment fragment=new MenuLeftFragment();
		Bundle args=new Bundle();
		args.putString("text", list.get(position));
		fragment.setArguments(args);
		FragmentManager fm=getSupportFragmentManager();
		fm.beginTransaction().replace(R.id.frameLayout, fragment).commit();
		
		//更新选择的item和标题，然后关闭侧滑
		listView.setItemChecked(position, true);
		if(listView.isFocusable()){
			getActionBar().setTitle(list.get(position));
		}
		drawerLayout.closeDrawer(listView);
	}
	
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		// TODO Auto-generated method stub
		MenuInflater inflater=new MenuInflater(this);
		inflater.inflate(R.menu.main, menu);
		return super.onCreateOptionsMenu(menu);
	}
	
	//给search图标设置一个条跳转
	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		if (adt.onOptionsItemSelected(item)) {
			return true;
		}
		switch(item.getItemId())
		{
			case R.id.search:
				Intent intent=new Intent("android.intent.action.VIEW");
				Uri uri=Uri.parse("http://www.baidu.com");
				intent.setData(uri);
				startActivity(intent);
				break;
			default:
				return onOptionsItemSelected(item);
		}
		return super.onOptionsItemSelected(item);
	}
	
	
	//判断当侧滑菜单打开时，search图片关闭
	@Override
	public boolean onPrepareOptionsMenu(Menu menu) {
		boolean drawerOpen=drawerLayout.isDrawerOpen(listView);
		menu.findItem(R.id.search).setVisible(!drawerOpen);
		return super.onPrepareOptionsMenu(menu);
	}
	
	
	//必须实现的方法1，作用：同步
	@Override
	protected void onPostCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onPostCreate(savedInstanceState);
		//同步状态
		adt.syncState();
	}
	
	
	//必须实现的方法2，作用：检测屏幕的状态并改变侧滑的屏幕状态
	@Override
	public void onConfigurationChanged(Configuration newConfig) {
		// TODO Auto-generated method stub
		super.onConfigurationChanged(newConfig);
		//通过不同的屏幕状态改变这个侧滑的屏幕状态
		adt.onConfigurationChanged(newConfig);
	}

}

MenuLeftFragment ：

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

public class MenuLeftFragment extends Fragment {

	private TextView tv;
	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		Bundle text=getArguments();
		String tvs=(String) text.get("text");
		View view=inflater.from(getActivity()).inflate(R.layout.layout_menu, null);
		tv=(TextView) view.findViewById(R.id.tv);
		tv.setText(tvs);
		return view;
	}
}

end,还不会的小伙伴赶快敲起来