热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

Android使用DrawerLayout仿QQ6.0双侧滑菜单

这篇文章主要为大家详细介绍了Android使用DrawerLayout仿QQ6.0双侧滑菜单,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了Android使用DrawerLayout仿QQ6.0双侧滑菜单的具体代码,供大家参考,具体内容如下

上面是效果图

相关实现的源码和文章网上已经很多了,比较流行的做法分别是使用 FrameLayout, HorizontalScrollView或者是DrawerLayout

其实要实现QQ 6.X版本侧滑效果最好的方案是使用HorizontalScrollView,因为左侧菜单的透视效果在DrawerLayout下无法实现,或者说实现起来很麻烦,所以在这里我们还是先介绍使用DrawerLayout来制作效果,毕竟是官方给的控件,优化方面不需要我们自己操心了。

先上布局代码

activity_side_menu.xml

关于DrawerLayout相信大家已经有一定了解了,第一个子视图是主界面,后面两个Fragment是左右菜单,通过Gravity来确实在左边还是右边。从这里我们可以看出,菜单栏一定是显示在主界面上面的,所以,QQ6.0的菜单透视效果这里无法实现,因为菜单栏会覆盖掉主界面的一部分内容。对主界面的layout调用bringToFront的话,会让界面失去滑动效果,如果哪位朋友有解决方案,欢迎指导。

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
  
  

左右侧的滑动菜单我是直接用了一张图片来代替,代码很简单,这里我就不贴出来了。

SideMenuActivity.java

DrawerLayout默认的可滑动范围是46dp,所以在这里,我调用setDrawerLeftEdgeSize方法通过反射重新设置了可滑动区域,设置为屏幕宽度的60%,不过这个方法有个缺陷,就是滑动的时候速度不是很均匀,如果要完善的话,可以通过重写DrawerLayout的源代码来解决,不过目前可以先用这种方案折中一下。

package com.luna.sidemenuactivity;
 
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.view.GravityCompat;
import android.support.v4.widget.DrawerLayout;
import android.support.v4.widget.ViewDragHelper;
import android.support.v7.app.AppCompatActivity;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.View;
 
import com.nineoldandroids.view.ViewHelper;
 
import java.lang.reflect.Field;
 
public class SideMenuActivity extends AppCompatActivity {
 DrawerLayout activity_side_menu;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_side_menu);
 
  initView();
  initEvent();
 
 
 }
 
 
 //初始化界面控件
 void initView() {
  activity_side_menu = (DrawerLayout) findViewById(R.id.activity_side_menu);
  activity_side_menu.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, GravityCompat.END);
  setDrawerLeftEdgeSize(this, activity_side_menu, 0.6f);  //设置屏幕左边的60%区域为可滑动区域
 }
 
 
 //初始化抽屉层监听
 private void initEvent() {
  //setDrawerListener已经废弃,请使用addDrawerListener
  activity_side_menu.addDrawerListener(new myDrawListener());
 }
 
 /**
  * 抽屉滑动范围控制
  */
 private void setDrawerLeftEdgeSize(Activity activity, DrawerLayout drawerLayout, float displayWidthPercentage) {
  if (activity == null || drawerLayout == null)
   return;
  try {
   // 通过反射获取到DrawerLayout的mLeftDragger属性
   Field leftDraggerField = drawerLayout.getClass().getDeclaredField("mLeftDragger");
   leftDraggerField.setAccessible(true);
   ViewDragHelper leftDragger = (ViewDragHelper) leftDraggerField.get(drawerLayout);
   // 找到 edgesize 并设置为 accessible
   Field edgeSizeField = leftDragger.getClass().getDeclaredField("mEdgeSize");
   edgeSizeField.setAccessible(true);
   int edgeSize = edgeSizeField.getInt(leftDragger);
   // 重新设置 edgesize ,以屏幕宽度为比例
   DisplayMetrics dm = new DisplayMetrics();
   activity.getWindowManager().getDefaultDisplay().getMetrics(dm);
   edgeSizeField.setInt(leftDragger, Math.max(edgeSize, (int) (dm.widthPixels * displayWidthPercentage)));
  } catch (NoSuchFieldException e) {
   Log.e("NoSuchFieldException", e.getMessage());
  } catch (IllegalArgumentException e) {
   Log.e("IllegalArgumentExp", e.getMessage());
  } catch (IllegalAccessException e) {
   Log.e("IllegalAccessException", e.getMessage());
  }
 }
 
 
 public void openLeftSideMenu(View view) {
  activity_side_menu.openDrawer(GravityCompat.START);
 }
 
 public void openRightSideMenu(View view) {
  activity_side_menu.openDrawer(GravityCompat.END);
  activity_side_menu.setDrawerLockMode(DrawerLayout.LOCK_MODE_UNLOCKED, GravityCompat.END);
 }
 
 //自定义抽屉监听器
 class myDrawListener implements DrawerLayout.DrawerListener {
 
  @Override
  public void onDrawerSlide(View drawerView, float slideOffset) {
   View mCOntent= activity_side_menu.getChildAt(0);
   float Scale = 0.5f * (1.0f + slideOffset);
 
   if (drawerView.getTag().equals("LEFT")) {
    drawerView.setAlpha(Scale);
    ViewHelper.setTranslationX(mContent, drawerView.getMeasuredWidth() * slideOffset);
    mContent.invalidate();
   } else {
    drawerView.setAlpha(Scale);
    ViewHelper.setTranslationX(mContent, -drawerView.getMeasuredWidth() * slideOffset);
    mContent.invalidate();
   }
  }
 
  @Override
  public void onDrawerOpened(View drawerView) {
 
  }
 
  @Override
  public void onDrawerClosed(View drawerView) {
   activity_side_menu.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED, GravityCompat.END);
  }
 
  @Override
  public void onDrawerStateChanged(int newState) {
 
  }
 }
 
 
}

注意事项:

1.ViewHelper是nineoldandroids的第三方库,用于改变View的大小,位置和透明度等属性,jar包可在源代码中获得。

2.右侧菜单在开始时通过setDrawerLockMode锁定了,因此无法直接划出,只能通过点击按钮的方式弹出,这样做的目的是为了避免和聊天记录的左划删除手势冲突,有兴趣的朋友可以深入研究一下。

3.addDrawerListener,首先setDrawerListener()  API已经过时了,所以要改为addDrawerListener,可以使用addDrawerListener监听菜单的打开与关闭等等。这里对于当前操作是哪个菜单的判断是通过TAG判断的。

源码下载:使用DrawerLayout仿QQ6.0双侧滑菜单

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。


推荐阅读
  • 本文介绍了使用kotlin实现动画效果的方法,包括上下移动、放大缩小、旋转等功能。通过代码示例演示了如何使用ObjectAnimator和AnimatorSet来实现动画效果,并提供了实现抖动效果的代码。同时还介绍了如何使用translationY和translationX来实现上下和左右移动的效果。最后还提供了一个anim_small.xml文件的代码示例,可以用来实现放大缩小的效果。 ... [详细]
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • 本文讨论了Alink回归预测的不完善问题,指出目前主要针对Python做案例,对其他语言支持不足。同时介绍了pom.xml文件的基本结构和使用方法,以及Maven的相关知识。最后,对Alink回归预测的未来发展提出了期待。 ... [详细]
  • 本文讲述了如何通过代码在Android中更改Recycler视图项的背景颜色。通过在onBindViewHolder方法中设置条件判断,可以实现根据条件改变背景颜色的效果。同时,还介绍了如何修改底部边框颜色以及提供了RecyclerView Fragment layout.xml和项目布局文件的示例代码。 ... [详细]
  • 在说Hibernate映射前,我们先来了解下对象关系映射ORM。ORM的实现思想就是将关系数据库中表的数据映射成对象,以对象的形式展现。这样开发人员就可以把对数据库的操作转化为对 ... [详细]
  • 本文介绍了在SpringBoot中集成thymeleaf前端模版的配置步骤,包括在application.properties配置文件中添加thymeleaf的配置信息,引入thymeleaf的jar包,以及创建PageController并添加index方法。 ... [详细]
  • XML介绍与使用的概述及标签规则
    本文介绍了XML的基本概念和用途,包括XML的可扩展性和标签的自定义特性。同时还详细解释了XML标签的规则,包括标签的尖括号和合法标识符的组成,标签必须成对出现的原则以及特殊标签的使用方法。通过本文的阅读,读者可以对XML的基本知识有一个全面的了解。 ... [详细]
  • Java验证码——kaptcha的使用配置及样式
    本文介绍了如何使用kaptcha库来实现Java验证码的配置和样式设置,包括pom.xml的依赖配置和web.xml中servlet的配置。 ... [详细]
  • Android系统移植与调试之如何修改Android设备状态条上音量加减键在横竖屏切换的时候的显示于隐藏
    本文介绍了如何修改Android设备状态条上音量加减键在横竖屏切换时的显示与隐藏。通过修改系统文件system_bar.xml实现了该功能,并分享了解决思路和经验。 ... [详细]
  • 本文介绍了Android 7的学习笔记总结,包括最新的移动架构视频、大厂安卓面试真题和项目实战源码讲义。同时还分享了开源的完整内容,并提醒读者在使用FileProvider适配时要注意不同模块的AndroidManfiest.xml中配置的xml文件名必须不同,否则会出现问题。 ... [详细]
  • Android开发实现的计时器功能示例
    本文分享了Android开发实现的计时器功能示例,包括效果图、布局和按钮的使用。通过使用Chronometer控件,可以实现计时器功能。该示例适用于Android平台,供开发者参考。 ... [详细]
  • 在Android开发中,使用Picasso库可以实现对网络图片的等比例缩放。本文介绍了使用Picasso库进行图片缩放的方法,并提供了具体的代码实现。通过获取图片的宽高,计算目标宽度和高度,并创建新图实现等比例缩放。 ... [详细]
  • HDFS2.x新特性
    一、集群间数据拷贝scp实现两个远程主机之间的文件复制scp-rhello.txtroothadoop103:useratguiguhello.txt推pushscp-rr ... [详细]
  • flowable工作流 流程变量_信也科技工作流平台的技术实践
    1背景随着公司业务发展及内部业务流程诉求的增长,目前信息化系统不能够很好满足期望,主要体现如下:目前OA流程引擎无法满足企业特定业务流程需求,且移动端体 ... [详细]
  • 本文介绍了在使用MSXML解析XML文件时出现DTD禁用问题的解决方案。通过代码示例和错误信息获取方法,解释了默认情况下DTD是禁用的,以及如何启用DTD的方法。此外,还提到了网上关于该问题的信息相对较少,因此本文提供了解决方案以供参考。 ... [详细]
author-avatar
宇智臣风
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有