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

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

偶遇

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

深知

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

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

1. 添加菜单的布局文件 left_menu.xml，在这个文件里面我们设置自己想要的布局内容，如我的布局是下面的效果（抄袭张的^_^）
   
   至于Xml文件我就不贴上去了，太难看，稍后我把代码给大家，有兴趣的大家可以自己去看看。
2. 新建一个类：
   

   public class SlidingMenu extends HorizontalScrollView{}

   
   我们稍后的操作都是在这个类里面实现，包括菜单的打开，关闭，动画效果等等
   
   
3. 自定义属性
   我们需要在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"  然后我们就可以使用它了，设置菜单的偏移距离。
   
4. 我们在SlidingMenu中实现菜单的动画时需要使用一个jar包，我们必须把这个jar包导入到我们的工程中才可以。
   
   nineoldandroids-2.4.0.jar
   
   这个jar包在我的源码中有，大家可以下载使用。
   
   

感悟

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