Android侧滑菜单之DrawerLayout⽤法详解onConfigurationChanged最早的时候实现侧滑菜单功能⼤多时候需要通过github上⼀个叫做SlidingMenu的开源通过依赖包来
实现，后来⾕歌在v4包中添加了DrawerLayout来实现这个功能，完全可以替代SlidingMenu，这⾥我们来学习DrawerLayout 的⽤法
⼀）创建DrawerLayout
1）在布局⽂件⾥将布局设置为DrawerLaout，⽽且因为是v4包中的功能，所以必须写全包名，注意第⼀必须先写主视图布局，然后再写抽屉⾥的视图，这⾥我们放了ListView进⼊抽屉
<pre name="code" class="java"><android.support.v4.widget.DrawerLayout
xmlns:android="schemas.android/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<!--The main content view 抽屉关闭时候的主视图-->
<FrameLayout
android:id="@+id/content_frame"
android:layout_width="match_parent"
android:layout_height="match_parent"
>
</FrameLayout>
<!-- The Navigation view 左侧拉开之后的导航视图 -->
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start" //从左往右滑出菜单，如果为end就是从右往左滑出菜单
android:background="#ffffcc"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
></ListView>
</android.support.v4.widget.DrawerLayout>
2）在activity⾥将DrawerLayout加载进来，并且给抽屉⾥的列表适配了数据，这样就将抽屉布局加载进来了。
public class MainActivity extends Activity implements OnItemClickListener{
private DrawerLayout mDrawerLayout;
private ListView mListView;
private ArrayList<String> menuList;//数据
private ArrayAdapter<String> adapter;//适配器
// private ActionBarDrawerToggle mDrawerToggle;
// private String mTitle;
@Override
protected void onCreate(Bundle savedInstanceState) {
setContentView(R.layout.activity_main);
// mTitle=(String) getTitle();
mDrawerLayout=(DrawerLayout) findViewById(R.id.drawer_layout);
mListView=(ListView) findViewById(R.id.left_drawer);
menuList=new ArrayList<String>();
for(int i=0;i<5;i++)
menuList.add("刘家威"+i);
adapter=new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1,menuList);
mListView.setAdapter(adapter);
⼆）给抽屉⾥的列表添加点击事件，动态添加碎⽚进⼊主视图
1）给抽屉⾥的列表项添加点击事件，每点击列表项，让其在主内容视图⾥添加⼀个Fragment，让这个Fragment⾥显⽰点击的列表项⾥的内容，先写这个FragmentLayout⾥的布局，这⾥让其显⽰⼀段⽂本
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="schemas.android/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:id="@+id/tv"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:textSize="25sp"/>
</LinearLayout>
2）创建Fragment，在这⾥重写onCreateView()，把布局加载进来，然后获取到点击项⾥的内容，这个是在MainActivity⾥通过让碎⽚携带参数的⽅法来实现
ample.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 {
private TextView tv;
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view=inflater.inflate(R.layout.fragment_content,container,false);
tv=(TextView) view.findViewById(R.id.tv);
String text=getArguments().getString("text"); //获取到传⼊的值
tv.setText(text);
return view;
}
}
3）给抽屉⾥的列表添加点击事件，点击后会进⼊碎⽚界⾯，并且碎⽚携带了Bundle类型的参数，参数的值我们传⼊了列表数据(position)，使⽤碎⽚的⽅法如下，获取碎⽚的实例之后再通过getFragmentManager()获取碎⽚管理器，给碎⽚管理器开启事务，开启事务之后的碎⽚管理器⽤replace()⽅法将碎⽚的布局替换原来的主视图布局，这样⼀个碎⽚就添加进来了
最后别忘了关闭抽屉
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
//在FrameLayout⾥动态插⼊⼀个Fragment
Fragment contentFragment=new ContentFragment(); //创建碎⽚实例
Bundle args=new Bundle(); //让每个碎⽚都携带参数，初始化为Bundle类型
args.putString("text", (position)); //参数put进⼊String类型的值，传⼊当前点击的菜单项的值
contentFragment.setArguments(args); //让碎⽚携带上参数
FragmentManager fm=getFragmentManager();
fm.beginTransaction().replace(t_frame,contentFragment )mit(); //开启事务，向容器内加⼊碎⽚，最后提交事务
mDrawerLayout.closeDrawer(mListView); //进⼊碎⽚界⾯时关闭掉抽屉的内容
}
三）监听抽屉的打开关闭事件
使⽤ActionBarDrawerToggle，最早的时候在v4包⾥，现在⾕歌把它搬到了v7包⾥，所以要引⼊v7依赖包
在引⼊v7包的时候，我遇到了⼀个错误，support\v7\appcompat\res\l:error:Error retrieving parent for item :No resources found that matches the given name.这是因为v7包版本过低，解决⽅法是在project:properties⾥target=android-8改为21以
上就好
当抽屉打开的时候，标题栏改为"请选择"，当抽屉关闭的时候，标题栏变为原来的app标题
mTitle=(String) getTitle()
mDrawerToggle=new ActionBarDrawerToggle(this, mDrawerLayout,
R.string.drawer_open,R.string.drawer_close){
@Override
public void onDrawerOpened(View drawerView) {
getActionBar().setTitle("请选择");
invalidateOptionsMenu();//重绘actionBar上的菜单项，执⾏这个⽅法的时候会回调onPreareOptionsMenu()
}
@Override
public void onDrawerClosed(View drawerView) {
getActionBar().setTitle(mTitle);
invalidateOptionsMenu();
}
};
mDrawerLayout.setDrawerListener(mDrawerToggle);
因为我们改变了ActionBar的内容，因此要调⽤invalidateOptionsMenu()会重绘actionBar上的菜单项，执⾏这个⽅法的时候会回调onPreareOptionsMenu()，所以我们可以在这⾥通过判断抽屉处于打开还是关闭状态，来进⾏⼀些操作，⽐如隐藏actionbar的菜单项。
既然要隐藏，那么前提是我们得有菜单项，这⾥先给actionbar添加⼀个搜索按钮，关于给ActionBar添加按钮的办法，在关于ActionBar的博客⾥已经讲过了，所以这⾥直接操作
res/values/l
<menu xmlns:android="schemas.android/apk/res/android"
xmlns:tools="schemas.android/tools"
tools:context="ample.drawerlayout.MainActivity" >
<item
android:id="@+id/websearch"
android:icon="@drawable/action_search"
android:showAsAction="ifRoom|withText"
android:title="webSearch"
/>
</menu>
然后将菜单加载进来
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().u.main, menu);
CreateOptionsMenu(menu);
}
顺路给这个搜索按钮设置点击事件
/*给actionBar的webSearch设置点击事件*/
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch (ItemId()) {
case R.id.websearch:
Intent intent=new Intent();
intent.setAction("android.intent.action.VIEW");
intent.setData(Uri.parse("www.baidu"));
startActivity(intent);
break;
default:
break;
}
OptionsItemSelected(item);
}
最后在onPrepareOptionsMenu()⾥通过DrawerLayout的isOpen()来判断，如果打开了就隐藏菜单项
@Override
public boolean onPrepareOptionsMenu(Menu menu) {
/
*在这⾥通过判断DrawerLayout是打开还是关闭，来判断是否显⽰actionBar的webSearch图标*/
boolean isDrawerOpen=mDrawerLayout.isDrawerOpen(mListView);
menu.findItem(R.id.websearch).setVisible(!isDrawerOpen); //如果DrawerLayout是关闭的就显⽰actionBar⾥的webSearch
PrepareOptionsMenu(menu);
}
四）点击图标开闭抽屉
为了更加⽅便的使⽤抽屉，我们可以通过点击图标来开闭抽屉界⾯
1）在onCreate()⾥开启app icon的功能
//开启actionBar的APP icon的功能
getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setHomeButtonEnabled(true);
2）因为图标也是⼀个菜单项，所以点击它也是会调⽤onOptionsItemSelected(MenuItem item)
@Override
public boolean onOptionsItemSelected(MenuItem item) {
//将ActionBar上的图标与Drawer结合起来
OptionsItemSelected(item)){
return true;
}
.......
}
这样就实现了这个功能，但是图标还是原来的icon，现在把抽屉布局和ActionBarDrawerToggle同步
3）⾕歌官⽅推荐在onPostCreate()⾥来同步，并且⾕歌推荐写上onConfigurationChanged（）
@Override
protected void onPostCreate(Bundle savedInstanceState) {
//将ActionBarDrawerToggle与DrawerLayout同步起来
//将ActionBarDrawerToggle中的Drawer图标设置为ActionBar⾥的Home_Button的图标
mDrawerToggle.syncState();
}
//这个⽅法⽤来监测⼿机状态的变化，⽐如横屏竖屏的切换
@Override
public void onConfigurationChanged(Configuration newConfig) {
}
综合以上的所有内容，效果图如下
总结
以上就是这篇⽂章的全部内容了，希望本⽂的内容对⼤家的学习或者⼯作具有⼀定的参考学习价值，谢谢⼤家对的⽀持。如果你想了解更多相关内容请查看下⾯相关链接
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论