Android侧滑--防QQ实现侧滑

最新推荐文章于 2021-05-25 14:44:39 发布
最新推荐文章于 2021-05-25 14:44:39 发布
阅读量608 收藏 1
点赞数
文章标签： Android studio android 防qq侧滑 侧滑菜单
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c656285856/article/details/47404101
版权

参考网上一位大神的代码，防QQ5.0实现侧滑（大神博客地址http://blog.csdn.net/lmj623565791/article/details/39257409）


看一下效果图，实现以下效果


核心代码


1 .布局文件

 左侧菜单
<?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:background="#0000" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:orientation="vertical" >

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <ImageView
                android:id="@+id/one"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:src="@drawable/img_1" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/one"
                android:text="第1个Item"
                android:textColor="#f0f0f0"
                android:textSize="20sp" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <ImageView
                android:id="@+id/two"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:src="@drawable/img_2" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/two"
                android:text="第2个Item"
                android:textColor="#f0f0f0"
                android:textSize="20sp" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <ImageView
                android:id="@+id/three"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:src="@drawable/img_3" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/three"
                android:text="第3个Item"
                android:textColor="#f0f0f0"
                android:textSize="20sp" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <ImageView
                android:id="@+id/four"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:src="@drawable/img_4" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/four"
                android:text="第一个Item"
                android:textColor="#f0f0f0"
                android:textSize="20sp" />
        </RelativeLayout>

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <ImageView
                android:id="@+id/five"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_marginTop="20dp"
                android:src="@drawable/img_5" />

            <TextView
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_centerVertical="true"
                android:layout_marginLeft="20dp"
                android:layout_toRightOf="@id/five"
                android:text="第5个Item"
                android:textColor="#f0f0f0"
                android:textSize="20sp" />
        </RelativeLayout>
    </LinearLayout>

</RelativeLayout>
主界面
<com.example.zhy_slidingmenu.SlidingMenu
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/id_menu"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:zhy="http://schemas.android.com/apk/res/com.example.zhy_slidingmenu"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:background="@drawable/img_frame_background"
    android:scrollbars="none"
    zhy:rightPadding="100dp" >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:orientation="horizontal" >

        <include layout="@layout/layout_menu" />

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:background="@drawable/qq" >

            <Button
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:onClick="toggleMenu"
                android:text="切换菜单" />

        </LinearLayout>
    </LinearLayout>

</com.example.zhy_slidingmenu.SlidingMenu>

屏幕相关的辅助类
package com.zhy.utils;

import android.app.Activity;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.Rect;
import android.util.DisplayMetrics;
import android.view.View;
import android.view.WindowManager;

/**
 * 获得屏幕相关的辅助类
 * 
 * @author zhy
 * 
 */
public class ScreenUtils
{
	private ScreenUtils()
	{
		/* cannot be instantiated */
		throw new UnsupportedOperationException("cannot be instantiated");
	}

	/**
	 * 获得屏幕高度
	 * 
	 * @param context
	 * @return
	 */
	public static int getScreenWidth(Context context)
	{
		WindowManager wm = (WindowManager) context
				.getSystemService(Context.WINDOW_SERVICE);
		DisplayMetrics outMetrics = new DisplayMetrics();
		wm.getDefaultDisplay().getMetrics(outMetrics);
		return outMetrics.widthPixels;
	}

	/**
	 * 获得屏幕宽度
	 * 
	 * @param context
	 * @return
	 */
	public static int getScreenHeight(Context context)
	{
		WindowManager wm = (WindowManager) context
				.getSystemService(Context.WINDOW_SERVICE);
		DisplayMetrics outMetrics = new DisplayMetrics();
		wm.getDefaultDisplay().getMetrics(outMetrics);
		return outMetrics.heightPixels;
	}

	/**
	 * 获得状态栏的高度
	 * 
	 * @param context
	 * @return
	 */
	public static int getStatusHeight(Context context)
	{

		int statusHeight = -1;
		try
		{
			Class<?> clazz = Class.forName("com.android.internal.R$dimen");
			Object object = clazz.newInstance();
			int height = Integer.parseInt(clazz.getField("status_bar_height")
					.get(object).toString());
			statusHeight = context.getResources().getDimensionPixelSize(height);
		} catch (Exception e)
		{
			e.printStackTrace();
		}
		return statusHeight;
	}

	/**
	 * 获取当前屏幕截图，包含状态栏
	 * 
	 * @param activity
	 * @return
	 */
	public static Bitmap snapShotWithStatusBar(Activity activity)
	{
		View view = activity.getWindow().getDecorView();
		view.setDrawingCacheEnabled(true);
		view.buildDrawingCache();
		Bitmap bmp = view.getDrawingCache();
		int width = getScreenWidth(activity);
		int height = getScreenHeight(activity);
		Bitmap bp = null;
		bp = Bitmap.createBitmap(bmp, 0, 0, width, height);
		view.destroyDrawingCache();
		return bp;

	}

	/**
	 * 获取当前屏幕截图，不包含状态栏
	 * 
	 * @param activity
	 * @return
	 */
	public static Bitmap snapShotWithoutStatusBar(Activity activity)
	{
		View view = activity.getWindow().getDecorView();
		view.setDrawingCacheEnabled(true);
		view.buildDrawingCache();
		Bitmap bmp = view.getDrawingCache();
		Rect frame = new Rect();
		activity.getWindow().getDecorView().getWindowVisibleDisplayFrame(frame);
		int statusBarHeight = frame.top;

		int width = getScreenWidth(activity);
		int height = getScreenHeight(activity);
		Bitmap bp = null;
		bp = Bitmap.createBitmap(bmp, 0, statusBarHeight, width, height
				- statusBarHeight);
		view.destroyDrawingCache();
		return bp;

	}

}


实现侧滑的核心代码
package com.example.zhy_slidingmenu;

import android.content.Context;
import android.content.res.TypedArray;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.MotionEvent;
import android.view.ViewGroup;
import android.widget.HorizontalScrollView;
import android.widget.LinearLayout;

import com.nineoldandroids.view.ViewHelper;
import com.zhy.utils.ScreenUtils;

public class SlidingMenu extends HorizontalScrollView
{
	/**
	 * 屏幕宽度
	 */
	private int mScreenWidth;
	/**
	 * dp
	 */
	private int mMenuRightPadding;
	/**
	 * 菜单的宽度
	 */
	private int mMenuWidth;
	private int mHalfMenuWidth;

	private boolean isOpen;

	private boolean once;

	private ViewGroup mMenu;
	private ViewGroup mContent;

	public SlidingMenu(Context context, AttributeSet attrs)
	{
		this(context, attrs, 0);

	}

	public SlidingMenu(Context context, AttributeSet attrs, int defStyle)
	{
		super(context, attrs, defStyle);
		mScreenWidth = ScreenUtils.getScreenWidth(context);

		TypedArray a = context.getTheme().obtainStyledAttributes(attrs,
				R.styleable.SlidingMenu, defStyle, 0);
		int n = a.getIndexCount();
		for (int i = 0; i < n; i++)
		{
			int attr = a.getIndex(i);
			switch (attr)
			{
			case R.styleable.SlidingMenu_rightPadding:
				// 默认50
				mMenuRightPadding = a.getDimensionPixelSize(attr,
						(int) TypedValue.applyDimension(
								TypedValue.COMPLEX_UNIT_DIP, 50f,
								getResources().getDisplayMetrics()));// 默认为10DP
				break;
			}
		}
		a.recycle();
	}

	public SlidingMenu(Context context)
	{
		this(context, null, 0);
	}

	@Override
	protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
	{
		/**
		 * 显示的设置一个宽度
		 */
		if (!once)
		{
			LinearLayout wrapper = (LinearLayout) getChildAt(0);
			mMenu = (ViewGroup) wrapper.getChildAt(0);
			mContent = (ViewGroup) wrapper.getChildAt(1);

			mMenuWidth = mScreenWidth - mMenuRightPadding;
			mHalfMenuWidth = mMenuWidth / 2;
			mMenu.getLayoutParams().width = mMenuWidth;
			mContent.getLayoutParams().width = mScreenWidth;

		}
		super.onMeasure(widthMeasureSpec, heightMeasureSpec);

	}

	@Override
	protected void onLayout(boolean changed, int l, int t, int r, int b)
	{
		super.onLayout(changed, l, t, r, b);
		if (changed)
		{
			// 将菜单隐藏
			this.scrollTo(mMenuWidth, 0);
			once = true;
		}
	}

	@Override
	public boolean onTouchEvent(MotionEvent ev)
	{
		int action = ev.getAction();
		switch (action)
		{
		// Up时，进行判断，如果显示区域大于菜单宽度一半则完全显示，否则隐藏
		case MotionEvent.ACTION_UP:
			int scrollX = getScrollX();
			if (scrollX > mHalfMenuWidth)
			{
				this.smoothScrollTo(mMenuWidth, 0);
				isOpen = false;
			} else
			{
				this.smoothScrollTo(0, 0);
				isOpen = true;
			}
			return true;
		}
		return super.onTouchEvent(ev);
	}

	/**
	 * 打开菜单
	 */
	public void openMenu()
	{
		if (isOpen)
			return;
		this.smoothScrollTo(0, 0);
		isOpen = true;
	}

	/**
	 * 关闭菜单
	 */
	public void closeMenu()
	{
		if (isOpen)
		{
			this.smoothScrollTo(mMenuWidth, 0);
			isOpen = false;
		}
	}

	/**
	 * 切换菜单状态
	 */
	public void toggle()
	{
		if (isOpen)
		{
			closeMenu();
		} else
		{
			openMenu();
		}
	}

	@Override
	protected void onScrollChanged(int l, int t, int oldl, int oldt)
	{
		super.onScrollChanged(l, t, oldl, oldt);
		float scale = l * 1.0f / mMenuWidth;
		float leftScale = 1 - 0.3f * scale;
		float rightScale = 0.8f + scale * 0.2f;
		
		ViewHelper.setScaleX(mMenu, leftScale);
		ViewHelper.setScaleY(mMenu, leftScale);
		ViewHelper.setAlpha(mMenu, 0.6f + 0.4f * (1 - scale));
		ViewHelper.setTranslationX(mMenu, mMenuWidth * scale * 0.7f);

		ViewHelper.setPivotX(mContent, 0);
		ViewHelper.setPivotY(mContent, mContent.getHeight() / 2);
		ViewHelper.setScaleX(mContent, rightScale);
		ViewHelper.setScaleY(mContent, rightScale);

	}

}


注意需要使用动画的效果，所以需要在项目里加入nineoldandroids-2.4.0.jar



Android小怪
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android仿腾讯QQ侧滑菜单
08-05
Android 利用ViewDragHelper实现的仿腾讯QQ侧滑菜单的实现
Android 仿QQ侧滑菜单
凶残的程序员
08-27 4949
前言继上一篇 Android View的事件分发机制和滑动冲突解决的理论知识铺垫，我们也来撸起袖子仿QQ侧滑造个轮子。 欢迎到Github star集成方式 注入依赖 Step 1. Add the JitPack repository to your build file Step 2. Add the dependency allprojects { reposit
android实现qq侧滑
zhangqufa的博客
01-14 381
研究了下QQ侧滑的功能，记录下与大家分享： 采用自定义HorizontalScrollView来实现，侧滑功能。 具体看代码解释。 定义两个布局文件： menu.xml与 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" a
Android 实现QQ侧滑界面之实现
jsjqcs的博客
11-16 1269
Android 实现QQ侧滑界面之实现大家使用过QQ的人都知道侧滑这一动态效果，这种效果布局已经被很多app都使用，今天就交大家如何实现这种效果。先看看效果图 项目整体结构Layout文件布局//main.xml布局 <?xml version="1.0" encoding="utf-8"?> <com.example.utils.slidermenu xmlns:android="http://
android:QQ多种侧滑菜单的实现
疾风剑豪
07-12 296
链接到美女 自定义HorizontalScrollView实现qq侧滑菜单 然而这个菜单效果只是普通的侧拉效果 我们还可以实现抽屉式侧滑菜单 就像这样
Android-侧滑菜单仿qq5.0版本的侧滑效果
08-13
侧滑菜单（仿qq5.0版本的侧滑效果）
Android实现QQ侧滑(删除、置顶等)功能
08-28
主要为大家详细介绍了Android实现QQ侧滑删除、置顶等功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义HorizontalScrollView实现qq侧滑菜单
08-30
本文主要介绍了android自定义HorizontalScrollView实现qq侧滑菜单的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
android实现QQ微信侧滑删除效果
08-28
主要为大家详细介绍了android实现QQ微信侧滑删除效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android自定义View 仿QQ侧滑菜单的实现代码
08-29
主要介绍了Android自定义View 仿QQ侧滑菜单的实现代码，非常不错，具有参考借鉴价值,需要的朋友可以参考下
android仿QQ的侧滑菜单功能完整版
07-16
网上很多android上的侧滑菜单，只能侧滑出一个界面而已，缺少菜单响应事件等完整功能。本代码在java apk的侧滑菜单上修改而成，菜单项目可以动态变化，并增加了菜单响应事件及菜单选择回调等必备功能。
Android 实现类似QQ侧滑菜单，实现左右侧滑 源码
10-10
Android 实现类似QQ侧滑菜单，实现左右侧滑 源码。具有iOS 7/8 parallax effect 风格的侧边菜单，类似于最新版qq的菜单效果。ReisdeMenu 创意灵感来自于Dribbble1还有2，而这个是Android版的ResideMenu，在视觉效果上部分参考了iOS版的RESideMenu
安卓仿QQ侧滑菜单Demo
04-05
安卓 超巧妙的 侧滑菜单，实现简单，功能强大，仿QQ5.0版的侧滑菜单，通过继承HorizontalScrollView 来实现。 另外加点积分要求，免费的东西就没人知道珍惜了
android demo，侧滑菜单栏实现的源代码。
12-13
android demo，侧滑菜单栏实现的源代码。
Android 主流侧滑菜单框架 源码
10-19
android市面主流侧滑框架，本架构主要实现侧滑出现底部view和首页实现tabhost效果，并且每一个fragment支持使用多个viewpager,很好的处理viewpager一次全部加载问题，可以根据viewpager出现的时候调用初始化页面，提高性能。这是一个不错的架构，欢迎android小伙伴们一起学习。 本项目主要底部TabFragment和左边侧滑DragLayout 以及CustomViewPager 实现，并且提供退出应用的一种关闭所有acitiviy的方式。
安卓初学之qq侧滑功能的实现
Traunig的专栏
03-20 570
安卓初学之qq侧滑功能的实现作为一个安卓初学者，今天看了慕课网的仿照qq的侧滑功能的相关视频，觉得感触很深。特地把一些学到的知识写出来和大家分享一下~~
android手把手教你实现QQ侧滑菜单效果
asd2603934小马哥
02-22 2584
侧滑菜单功能非常常见，借鉴学习了之后，自己总结记录一下 下面实现一种最简单的侧滑菜单，后面再修改代码实现不同的侧滑菜单效果 首先是第一种效果 第一种效果是继承ViewGroup，需要我们自己来测量、滑动处理等。 首先讲解一下思路： 1、继承GroupView重写构造方法 a、我们需要重写三个构造方法 b、在构造方法中初始化宽高值等 2、重写onMeasure方法 a、在o
Android仿qq侧滑——上
滴水穿石，不断积累！
07-17 443
16年那会写项目用到了仿qq测滑删除，那时候只是一顾的搬代码，这段时间在学习自定义View，把之前的代码梳理了一下，写了一个仿qq测滑的效果 代码如下，注释写的很清楚了。接下来会升级一下在ItemView下放三个子View package com.monitor.atmosphere.slide; import android.content.Context; import andro...
android中仿qq最新版抽屉,Android实现3种侧滑效果（仿qq侧滑、抽屉侧滑、普通侧滑）...
weixin_42521424的博客
05-25 186
自己实现了一下侧滑的三种方式(注释都写代码里了)本文Demo下载地址：Andriod侧滑本文实现所需框架：nineoldandroids下载地址：nineoldandroids1.普通侧滑：主要是基于HorizontalScrollView做的：示例代码如下主要布局：xmlns:gaoyu="http://schemas.android.com/apk/res/gaoyu.com.myapplic...
android侧滑菜单_仿QQ侧滑删除
最新发布
05-22
实现Android侧滑菜单有多种方式，其中一种比较常见的实现方式是使用DrawerLayout和...如果要实现仿QQ侧滑删除功能，可以在ListView或RecyclerView中添加滑动删除的功能，并在删除时更新侧滑菜单中的未读消息数等信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值