DrawerLayout实现侧滑仿QQ界面

2019-11-09 15:48:36

字体：大中小

来源：转载

供稿：网友

简介

可以说drawerLayout是因为第三方控件如MenuDrawer等的出现之后，google借鉴而出现的产物。 drawerLayout分为侧边菜单和主内容区两部分，侧边菜单可以根据手势展开与隐藏（drawerLayout自身特性），主内容区的内容可以随着菜单的点击而变化（这需要使用者自己实现）。

1.编写Activity的布局文件根布局使用android.support.v4.widget.DrawerLayout 然后其内部第一个View为内容区域，第二个View为左侧菜单，第三个View为右侧侧滑菜单，当前第三个是可选的。第一个View的宽高应当设置为match_parent，当然了，这也理所当然。第二、三个View需要设置Android:layout_gravity=”left”，和android:layout_gravity=”right”且一搬高度设置为match_parent，宽度为固定值，即侧滑菜单的宽度（宽度你写match_parent也行，但是不会全部覆盖）。首先是mainactivity_layout.xml

<?xml version="1.0" encoding="utf-8"?><android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools" android:id="@+id/mdrawerLayout"android:layout_width="match_parent" android:layout_height="match_parent"tools:context="com.soft.qianyu.myQQdddreawerlayout.MainActivity"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:background="#60f227" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="35sp" android:text="我是内容界面"/> <Button android:id="@+id/bt1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="打开侧滑菜单" /> </LinearLayout> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:background="#4b91f9" android:id="@+id/left" android:layout_width="match_parent" android:layout_gravity="left" android:layout_height="match_parent"> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:textSize="35sp" android:text="我是侧滑菜单"/> <Button android:id="@+id/bt2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="返回" /> </LinearLayout></android.support.v4.widget.DrawerLayout>

写完布局之后，你就可以实现侧滑了！但是此时的侧滑并不是将内容界面挤到右侧的侧滑，而是覆盖在内容界面上面的侧滑。此时若还要实现像QQ那样的侧滑，则还需要以下代码。

2,在代码中为相应的控件添加事件监听器

public class MainActivity extends Activity implements View.OnClickListener{ //1）声明DrawerLayout变量 DrawerLayout drawerLayout; //声明内容页面变量 LinearLayout contentView ; //声明按钮 Button bt1,bt2; @Override PRotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); //初始化 init(); }private void init() {//2）实例化DrawerLayout控件drawerLayout = (DrawerLayout) findViewById(R.id.mdrawerLayout);//实例化按钮并设置点击监听事件findViewById(R.id.bt1).setOnClickListener(MainActivity.this);findViewById(R.id.bt2).setOnClickListener(MainActivity.this);//3）为DrawerLayout控件添加监听器drawerLayout.addDrawerListener(new DrawerLayout.SimpleDrawerListener() { //当侧滑菜单正在滑动时触发的方法 /** 第一个参数：正在滑动的侧滑菜单第二个参数：菜单滑动的宽度的百分比 **/ @Overridepublic void onDrawerSlide(View drawerView, float slideOffset) { super.onDrawerSlide(drawerView, slideOffset);//获得侧滑菜单的宽度int drawerViewWidth = drawerView.getMeasuredWidth();//根据滑动百分比计算内容部分应该向右边移动的距离int marginLeft = (int)(drawerViewWidth * slideOffset) ;//获得内容部分的View对象（内容View对象是第一个，所以是0）contentView = (LinearLayout) drawerLayout.getChildAt(0);//修改内容部分的左边距contentView.setLeft(marginLeft); } });} @Override public void onClick(View view) { switch (view.getId()){ case R.id.bt1: drawerLayout.openDrawer(Gravity.LEFT); break; case R.id.bt2: drawerLayout.closeDrawers(); break; } }}

上一篇：Glide加载图片

下一篇：ffmpeg学习