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

转载自：/article/1336229.html【张鸿洋的博客】

偶遇

看到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" 然后我们就可以使用它了，设置菜单的偏移距离。

我们在SlidingMenu中实现菜单的动画时需要使用一个jar包，我们必须把这个jar包导入到我们的工程中才可以。

nineoldandroids-2.4.0.jar

这个jar包在我的源码中有，大家可以下载使用。

感悟

关于在SlidingMenu中的具体操作，我就不做说明了，东西太多，好多我也不是太明白，忘的时候我就去看看张的视频，写这个简短的文章的目的主要是说明一下实现的思路，然后看看代码就可以知道当时是怎么是实现的，算是一个提醒作用吧。^_^

下载源码