背景:2013年google提出drawerlayout是开发者更方便的开发侧滑菜
单,在没有drawerlayout之前很多开发者都使用github开源组件
slidingmenu,个人觉得drawerlayout更加好用,在这为大家提供可参考
的个人学习见解
1.初步掌握drawerlayout
2.actionbar和drawerlayout联动
3.点击图标实现菜单的切换
1.drawerlayout是v4包里面的组件,请查看你的v4包里面是否存在drawerlayout。class,有的新建工程中并没有,删除重新导入有的就行了。
drawerlayout实现规范:
1.
删除所有控件,让drawerlayout成为直接子布局,然后drawerlayout里面包含了两个子布局,这两个子布局里面的属性必须要有的属性有:
内容布局:
android:layout_width="match_parent"
android:layout_height="match_parent"
菜单布局:
width最好不大于320dp
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/draw_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</FrameLayout>
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_gravity="start"
android:layout_height="match_parent"
android:background="#ffffcc"
android:divider="@null" >
</ListView>
</android.support.v4.widget.DrawerLayout>
让listview适配上数据
R.layout.listview_item_layout为一个布局文件,这个文件里面没有布局,只有一个textview
adapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.listview_item_layout, menu_list);
mListView.setAdapter(adapter);
滑出菜单,给listview添加点击事件,点击的反应就是让framlayout被fragment填充
mListView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View v, int position,long arg3) {
Toast.makeText(getApplicationContext(), "asdfasdf", 1000).show();
Fragment fragment = new ContentFragment();
Bundle bundle = new Bundle();
bundle.putString("text",menu_list.get(position) );
fragment.setArguments(bundle);
FragmentManager manager = getFragmentManager();
manager.beginTransaction().replace(R.id.content_frame, fragment).commit();
//点击之后隐藏菜单
mDrawerLayout.closeDrawer(mListView);
}
});
2.
给drawerlayout设置监听器
所要用到的类有ActionBarDrawerToggle看起来不像一个监听器
我们把它当作监听器来用,里面有两个回调方法要用到
onDrawerOpened()、onDrawerClosed();
在里面实现显示actionbar里面的信息与否
示例:
mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_launcher, R.string.drawer_open, R.string.drawer_close){
@Override
public void onDrawerOpened(View drawerView) {
// TODO Auto-generated method stub
//改变actionbar的title
getActionBar().setTitle("请选择");
//下面这个方法调用之后会去调用onPrepareOptionsMenu()
invalidateOptionsMenu();
super.onDrawerOpened(drawerView);
}
@Override
public void onDrawerClosed(View drawerView) {
// TODO Auto-generated method stub
getActionBar().setTitle(mtitle);
invalidateOptionsMenu();
super.onDrawerClosed(drawerView);
}
};
mDrawerLayout.setDrawerListener(mActionBarDrawerToggle);
//所以重写onPrepareOptionsMenu
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
//判断是否打开菜单的方法
boolean check_open = mDrawerLayout.isDrawerOpen(mListView);
//获取actionbar上面的元素设置可见性
menu.findItem(R.id.menu_settings).setVisible(!check_open);
return super.onPrepareOptionsMenu(menu);
}
3.
首先设置actiobar的两条属性
要用到的方法有onOptionsItemSelected,onPostCreate,syncState
第一个方法就不用多做介绍了,就是监听图标的点击事件,第二个方法和第三个方法实现同步和图标的偏移效果
getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setDisplayShowHomeEnabled(true);
给图标添加点击事件
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
//判断是否点击 if(mActionBarDrawerToggle.onOptionsItemSelected(item)){
return true;
}
return super.onOptionsItemSelected(item);
}
实现同步
@Override
protected void onPostCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
mActionBarDrawerToggle.syncState();
super.onPostCreate(savedInstanceState);
}
下面是全部的源码:
activity_main.xml
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/draw_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</FrameLayout>
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_gravity="start"
android:layout_height="match_parent"
android:background="#ffffcc"
android:divider="@null" >
</ListView>
</android.support.v4.widget.DrawerLayout>
listview_item_layout.xml
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/listview_item_layout_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:paddingLeft="26dp"
android:paddingTop="14dp"
android:paddingRight="26dp"
android:paddingBottom="14dp"
android:textSize="26sp"
android:textColor="#000000"
/>
content_fragment_layout.xml
<?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"
android:orientation="vertical" >
<TextView
android:id="@+id/content_fragment_layout_textview_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="11111"/>
</LinearLayout>
Strings.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<string name="app_name">DrawerLayoutDemo</string>
<string name="hello_world">Hello world!</string>
<string name="menu_settings">Settings</string>
<string name="drawer_open">Drawer Open!</string>
<string name="drawer_close">Drawer Close!</string>
</resources>
mainactivity.java
package com.example.drawerlayoutdemo;
import java.util.ArrayList;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v4.app.ActionBarDrawerToggle;
import android.support.v4.widget.DrawerLayout;
import android.view.LayoutInflater;
import android.view.Menu;
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.Toast;
public class MainActivity extends Activity {
private DrawerLayout mDrawerLayout;
private ListView mListView;
private ArrayList<String> menu_list;
private ArrayAdapter<String> adapter;
private ActionBarDrawerToggle mActionBarDrawerToggle;
private String mtitle;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mtitle = (String)getTitle();
mDrawerLayout =(DrawerLayout) findViewById(R.id.draw_layout);
mListView = (ListView) findViewById(R.id.left_drawer);
menu_list = new ArrayList<String>();
adapter = new ArrayAdapter<String>(getApplicationContext(), R.layout.listview_item_layout, menu_list);
mListView.setAdapter(adapter);
for(int i=0;i<5;i++){
menu_list.add("列表项"+i);
}
mListView.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View v, int position,
long arg3) {
Toast.makeText(getApplicationContext(), "asdfasdf", 1000).show();
Fragment fragment = new ContentFragment();
Bundle bundle = new Bundle();
bundle.putString("text",menu_list.get(position) );
fragment.setArguments(bundle);
FragmentManager manager = getFragmentManager();
manager.beginTransaction().replace(R.id.content_frame, fragment).commit();
mDrawerLayout.closeDrawer(mListView);
}
});
mActionBarDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_launcher, R.string.drawer_open, R.string.drawer_close){
@Override
public void onDrawerOpened(View drawerView) {
// TODO Auto-generated method stub
getActionBar().setTitle("请选择");
invalidateOptionsMenu();//call onPrepareOptionsMenu()
super.onDrawerOpened(drawerView);
}
@Override
public void onDrawerClosed(View drawerView) {
// TODO Auto-generated method stub
getActionBar().setTitle(mtitle);
invalidateOptionsMenu();
super.onDrawerClosed(drawerView);
}
};
mDrawerLayout.setDrawerListener(mActionBarDrawerToggle);
getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setDisplayShowHomeEnabled(true);
}
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
boolean check_open = mDrawerLayout.isDrawerOpen(mListView);
menu.findItem(R.id.menu_settings).setVisible(!check_open);
return super.onPrepareOptionsMenu(menu);
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
// TODO Auto-generated method stub
getMenuInflater().inflate(R.menu.activity_main, menu);
return super.onCreateOptionsMenu(menu);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
if(mActionBarDrawerToggle.onOptionsItemSelected(item)){
return true;
}
return super.onOptionsItemSelected(item);
}
@Override
protected void onPostCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
mActionBarDrawerToggle.syncState();
super.onPostCreate(savedInstanceState);
}
}
content_fragment.java
package com.example.drawerlayoutdemo;
import android.annotation.SuppressLint;
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 {
private TextView textview;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
// TODO Auto-generated method stub
View view = inflater.inflate(R.layout.content_fragment_layout, container,false);
textview = (TextView) view.findViewById(R.id.content_fragment_layout_textview_1);
String text = getArguments().getString("text");
textview.setText(text);
return view;
}
}