android 怎样让drawerlayout设置的侧滑菜单的内容充满屏幕

Posted 2023-02-16

现在侧滑菜单使用很多，大都是通过SlidingMenu实现。现在也可以通过DrawerLayout
创建抽屉布局

frament_content.xml

[html] view plaincopy
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="vertical" >

<TextView
android:id="@+id/textView"
android:layout_
android:layout_
android:textSize="25sp" />

</LinearLayout>
activity_main.xml

[html] view plaincopy
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_layout"
android:layout_
android:layout_ >

<!-- The main content view -->

<FrameLayout
android:id="@+id/content_frame"
android:layout_
android:layout_ >
</FrameLayout>

<!-- The navigation view -->

<ListView
android:id="@+id/left_drawer"
android:layout_
android:layout_
android:layout_gravity="start"
android:background="#ffffcc"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp" >
</ListView>

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

然后新建一个类继承Fragment类

[java] view plaincopy
/**
* ContentFragment.java
* 版权所有(C) 2015
* 创建者:cuiran 2015-1-3 下午3:25:44
*/
package com.cayden.drawerlayoutdemo;

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

/**
* TODO
* @author cuiran
* @version 1.0.0
*/
public class ContentFragment extends Fragment

private TextView textView;

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState)
View view = inflater.inflate(R.layout.fragment_content, container, false);
textView = (TextView) view.findViewById(R.id.textView);

String text = getArguments().getString("text");
textView.setText(text);

return view;




完成Activity代码

[java] view plaincopy
package com.cayden.drawerlayoutdemo;

import java.util.ArrayList;

import android.app.Activity;
import android.app.Fragment;
import android.app.FragmentManager;
import android.content.Intent;
import android.content.res.Configuration;
import android.net.Uri;
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.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class MainActivity extends Activity implements OnItemClickListener

private DrawerLayout mDrawerLayout;
private ListView mDrawerList;
private ArrayList<String> menuLists;
private ArrayAdapter<String> adapter;
private ActionBarDrawerToggle mDrawerToggle;
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.drawer_layout);
mDrawerList = (ListView) findViewById(R.id.left_drawer);
menuLists = new ArrayList<String>();
for (int i = 0; i < 5; i++)
menuLists.add("菜单0" + i);
adapter = new ArrayAdapter<String>(this,
android.R.layout.simple_list_item_1, menuLists);
mDrawerList.setAdapter(adapter);
mDrawerList.setOnItemClickListener(this);

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout,
R.drawable.ic_drawer, R.string.drawer_open,
R.string.drawer_close)
@Override
public void onDrawerOpened(View drawerView)
super.onDrawerOpened(drawerView);
getActionBar().setTitle("请选择");
invalidateOptionsMenu(); // Call onPrepareOptionsMenu()


@Override
public void onDrawerClosed(View drawerView)
super.onDrawerClosed(drawerView);
getActionBar().setTitle(mTitle);
invalidateOptionsMenu();

;
mDrawerLayout.setDrawerListener(mDrawerToggle);

//开启ActionBar上APP ICON的功能
getActionBar().setDisplayHomeAsUpEnabled(true);
getActionBar().setHomeButtonEnabled(true);



@Override
public boolean onPrepareOptionsMenu(Menu menu)
boolean isDrawerOpen = mDrawerLayout.isDrawerOpen(mDrawerList);
menu.findItem(R.id.action_websearch).setVisible(!isDrawerOpen);
return super.onPrepareOptionsMenu(menu);


@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)
//将ActionBar上的图标与Drawer结合起来
if (mDrawerToggle.onOptionsItemSelected(item))
return true;

switch (item.getItemId())
case R.id.action_websearch:
Intent intent = new Intent();
intent.setAction("android.intent.action.VIEW");
Uri uri = Uri.parse("http://www.baidu.com");
intent.setData(uri);
startActivity(intent);
break;

return super.onOptionsItemSelected(item);


@Override
protected void onPostCreate(Bundle savedInstanceState)
super.onPostCreate(savedInstanceState);
//需要将ActionDrawerToggle与DrawerLayout的状态同步
//将ActionBarDrawerToggle中的drawer图标，设置为ActionBar中的Home-Button的Icon
mDrawerToggle.syncState();


@Override
public void onConfigurationChanged(Configuration newConfig)
super.onConfigurationChanged(newConfig);
mDrawerToggle.onConfigurationChanged(newConfig);


@Override
public void onItemClick(AdapterView<?> arg0, View arg1, int position,
long arg3)
// 动态插入一个Fragment到FrameLayout当中
Fragment contentFragment = new ContentFragment();
Bundle args = new Bundle();
args.putString("text", menuLists.get(position));
contentFragment.setArguments(args);

FragmentManager fm = getFragmentManager();
fm.beginTransaction().replace(R.id.content_frame, contentFragment)
.commit();

mDrawerLayout.closeDrawer(mDrawerList);


参考技术A 布局文件中使用drawerLayout ，下面包含两个区，主内容区的布局代码要放在侧滑菜单布局的前面，侧滑菜单的部分的布局可以设置layout_gravity属性来表示在左边还是右边。
<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/drawer_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" />
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="start"
android:choiceMode="singleChoice"
android:divider="@android:color/transparent"
android:dividerHeight="0dp"
android:background="#111"/>
</android.support.v4.widget.DrawerLayout>
看代码很清楚，但是如果说要让侧滑出来的菜单内容占满整个屏幕的话，需要自己知道屏幕的width，ListView也就是菜单布局width设置一样就可以了（不过设置为math_parent也大概只占了百分之90左右，并不能完全覆盖掉）。

一行代码设置 DrawerLayout 全屏效果

DrawerLayout 默认使用时，侧拉出来的效果会有一点缩进效果，既然它是缩进，那我们直接反向操作，给它缩进一个负值不就好了嘛，直接看代码：

<!-- 第二个视图放抽屉 -->
<android.support.design.widget.NavigationView
android:id="@+id/navigation_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_gravity="left"
android:layout_marginRight="-65dp" //设置 -65 dp，反向操作
android:tag="left"
app:headerLayout="@layout/nav_header"
app:menu="@menu/drawer_menu" />
来看效果：

 

     一行代码搞定 DrawerLayout 全屏效果，这种是利用 margin 来达到全屏设置。除了这一种方法，我们还可以从它的 width 宽度入手。这样操作：获取屏幕的宽度像素 widthPixel，再获取侧拉父容器的 LayoutParams 属性，把 height 设置为 widthPixel 也可以搞定。上面的 -65 dp 虽然简单粗暴，但是不同手机可能会有一点点差距。这一种就不会了，看代码：

navigationView = findViewById(R.id.navigation_view);

ViewGroup.LayoutParams mLayoutParams = navigationView.getLayoutParams();
int width = getResources(http://www.amjmh.com/v/).getDisplayMetrics().widthPixels;
mLayoutParams.width = width;
navigationView.setLayoutParams(mLayoutParams);
---------------------