Android DrawerLayout 抽屉
DrawerLayout 在supportV4 Lib在。类似的开源slidemenu如,DrawerLayout父类ViewGroup,自定义组件基本上都是扩展类。
android.support.v4.widget.DrawerLayout
以下是个简单的使用方法演示。点左上角的button 打开抽屉菜单。
点击相应的ITEM 切换相应的内容,内容显示使用Fragment。这里没用到ActionBar来做切换
<?
xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/drawer_layout" android:layout_width="match_parent" android:layout_height="match_parent" > <!-- 这里是内容区域 --> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" > <LinearLayout android:layout_width="match_parent" android:layout_height="55dp" android:background="#9370DB" android:orientation="horizontal" > <ImageView android:id="@+id/slide" android:layout_width="48dp" android:layout_height="48dp" android:scaleType="fitCenter" android:layout_gravity="center_vertical" android:src = "@drawable/slide" /> </LinearLayout> <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" > </FrameLayout> <!-- 抽屉内容 --> <ListView android:id="@+id/drawer_content" android:layout_width="280dp" android:layout_height="match_parent" android:listSelector="#336699" android:divider="#B0C4DE" android:dividerHeight="1px" android:layout_gravity="start" android:background="#8470FF" /> </android.support.v4.widget.DrawerLayout>
import android.content.res.Configuration;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.widget.DrawerLayout;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;
public class DrawerLayoutActivity extends FragmentActivity {
private DrawerLayout mDrawerLayout;
private ListView drawerContent;//抽屉内容
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.drawer_layout);
mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
drawerContent = (ListView) findViewById(R.id.drawer_content);
mDrawerLayout.setDrawerListener(new DemoDrawerListener());
addHeader(drawerContent);//ListView Header头
drawerContent.setAdapter(new MyAdapter());
drawerContent.setOnItemClickListener(new DrawerItemClickListener());
findViewById(R.id.slide).setOnClickListener(new OnClickListener() {
public void onClick(View arg0) {
mDrawerLayout.openDrawer(drawerContent);//打开抽屉内容
}
});
//显示默认的HOME
getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, new HomeFragment()).commit();
}
private void addHeader(ListView mDrawer2) {
View view = LayoutInflater.from(this).inflate(R.layout.list_header,null);
mDrawer2.addHeaderView(view);
}
static String titles[] = { "主页", "公司", "附近", "设置" };
class MyAdapter extends BaseAdapter {
@Override
public int getCount() {
return titles.length;
}
@Override
public Object getItem(int p) {
return titles[p];
}
@Override
public long getItemId(int arg0) {
return 0;
}
@Override
public View getView(int p, View contentView, ViewGroup arg2) {
String title = titles[p];
View v = LayoutInflater.from(getApplicationContext()).inflate(R.layout.item_list, null);
TextView textView = (TextView) v.findViewById(R.id.text);
textView.setText(title);
return v;
}
}
@Override
public void onConfigurationChanged(Configuration newConfig) {
super.onConfigurationChanged(newConfig);
}
private class DrawerItemClickListener implements
ListView.OnItemClickListener {
@Override
public void onItemClick(AdapterView<?
> parent, View view, int position,long id) { showFragmentById(position); mDrawerLayout.closeDrawer(drawerContent); } } //切换到相应的Fragment public void showFragmentById(int position) { Fragment f = null; switch (position) { case 1: f = new HomeFragment(); break; case 2: f = new CompanyFragment(); break; case 3: f = new NearFragment(); break; case 4: f = new SettingFragment(); break; default: break; } if (f == null) { return; } getSupportFragmentManager().beginTransaction().replace(R.id.fragment_container, f).commit(); } //回调函数,打开或关闭时能够做一些事情 private class DemoDrawerListener implements DrawerLayout.DrawerListener { @Override public void onDrawerOpened(View drawerView) { //打开时调用 } @Override public void onDrawerClosed(View drawerView) { //关闭时调用 } @Override public void onDrawerSlide(View drawerView, float slideOffset) {//滑动过程中 } @Override public void onDrawerStateChanged(int newState) { } } @Override public boolean onCreateOptionsMenu(Menu menu) { return super.onCreateOptionsMenu(menu); } }
这里仅仅写HomeFragment代码,其他几个内容都是一样的。
public class HomeFragment extends Fragment {
public HomeFragment() {
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return inflater.inflate(R.layout.home_fg, container,false);
}
@Override
public void onViewCreated(View view, Bundle savedInstanceState) {
super.onViewCreated(view, savedInstanceState);
TextView textView = (TextView) view.findViewById(R.id.text);
textView.setText("Home");
}
}
home_fg.xml
<?xml version="1.0" encoding="utf-8"?
>
<RelativeLayout 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/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="4dp" android:textSize="20sp" android:textColor="#9370DB" android:textStyle="bold" android:layout_centerInParent="true" /> </RelativeLayout>