高仿QQ5.0的侧滑菜单的实现

最新推荐文章于 2025-05-03 15:45:25 发布

转载最新推荐文章于 2025-05-03 15:45:25 发布 · 927 阅读

文章标签：

#Android #QQ 侧滑菜单

Android 专栏收录该内容

55 篇文章

订阅专栏

本文介绍了通过学习张鸿洋的教程实现QQ风格侧滑菜单的过程。主要内容涵盖自定义布局、添加菜单动画及使用特定jar包等关键技术点。

转载自：http://blog.youkuaiyun.com/lmj623565791/article/details/39257409【张鸿洋的博客】

偶遇

看到QQ的侧滑菜单的效果，感觉真的很酷炫，想找一些高仿的源码，看了之后，发现根本不懂，所以放弃了，但是偶然的机会让我认识了张鸿洋，看到了他的视频我就会了，也不能说是会了，准确说是会用了，明白它的实现原理，知道怎么移植到自己的程序中，对我现在的情况来说算是不错的结果了。

深知

仔细的看了他的视频，真是每一行代码敲给你看，一行一行的来，不能保证你完全懂，但是保证你能做出来，所以我还是怀着感激的心情来给他打个广告.。

下面我简单说明一下大思路，在于提醒自己如何实现这个效果，如果真的想实现或者学会它，大家还是看他的视频吧！

添加菜单的布局文件 left_menu.xml，在这个文件里面我们设置自己想要的布局内容，如我的布局是下面的效果（抄袭张的^_^）

至于Xml文件我就不贴上去了，太难看，稍后我把代码给大家，有兴趣的大家可以自己去看看。
新建一个类：
```
public class SlidingMenu extends HorizontalScrollView{}
```
我们稍后的操作都是在这个类里面实现，包括菜单的打开，关闭，动画效果等等

自定义属性
我们需要在values文件夹下新建一个文件：attr.xml，内容如下：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <attr name="rightPadding" format="dimension"></attr>
    <declare-styleable name="SlidingMenu">
        <attr name="rightPadding"></attr>
    </declare-styleable>
</resources>

在这个文件里面，我们给SlideMenu添加了一个自定义的属性：rightPadding，这个属性是说，我的格式是dimension，所以你赋值的时候是 "50dp" 这种格式的内容，这个属性的作用是设置菜单向右的偏移距离。
然后我们必须要使用这个属性，在activity_main.xml文件中使用它，下面是我的activity_main.xml的代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:pjc="http://schemas.android.com/apk/res/com.example.qqslidemenu"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.qqslidemenu.MainActivity" >
    
    <com.example.qqslidemenu.SlidingMenu
        android:id="@+id/slidingMenu" 
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scrollbars="none"
        android:background="@drawable/bg"
        pjc:rightPadding="100dp"
        android:overScrollMode="never"
        >
        <LinearLayout 
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="horizontal"
            >
            <include 
                layout="@layout/left_menu"
                android:id="@+id/leftMenuLayout" 
                />
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="@drawable/main"
                >
                <Button
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:onClick="toggleMenu"
                    android:text="菜单"
                    android:textColor="#ff00ff"
                    style="?android:attr/buttonBarButtonStyle"
                    />
            </LinearLayout>
        </LinearLayout>
    </com.example.qqslidemenu.SlidingMenu>
</RelativeLayout>

使用的时候，我们需要设置命名空间，xmlns:pjc="http://schemas.android.com/apk/res/com.example.qqslidemenu" 看代码中的这条代码，我们设置了命名空间pjc，从com.example.qqsqlidemenu之前的都是一样的，com.example.qqsqlidemenu是我们当前应用的包名。
pjc:rightPadding="100dp" 然后我们就可以使用它了，设置菜单的偏移距离。