Android侧滑菜单的实现

          正在自学Android，今天学习慕课上的教程进行侧滑菜单的实现.

          慕课网原地址：http://www.imooc.com/learn/211

      一、开始界面如左图所示，手指移动后改为右图

   

       二、代码分析：

              首先.先做个一个自定义xml文件作为自定义view的布局

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent">    <LinearLayout        android:orientation="vertical"        android:layout_width="match_parent"        android:layout_height="match_parent">        <ListView            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/listView"            android:entries="@array/set"/>    </LinearLayout></RelativeLayout>

         接着，要自定义一个Menu,要让其继承HorizontalScrollView，我们要重写 onMeasure(), onLayout()以及onTouchEvent()三个方法。代码如下

import android.content.Context;import android.content.res.TypedArray;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.util.TypedValue;import android.view.MotionEvent;import android.view.ViewGroup;import android.view.WindowManager;import android.widget.HorizontalScrollView;import android.widget.LinearLayout;/** * Created by linzhengle on 2015/12/1. */public class Menu extends HorizontalScrollView {    private LinearLayout mWapper;    private ViewGroup mMenu;    private ViewGroup mContent;//滑动惨淡的宽度,手机的宽度    private int mMenuWidth;    private int mScreeenWidth;    private  int mMenuRightPadding = 50;    private boolean once = false;    public Menu(Context context){        this(context,null);    }    public Menu(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    /*    使用自定义属性     */    public Menu(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs,defStyle);        //获取定义的属性        TypedArray a = context.getTheme().obtainStyledAttributes(attrs,R.styleable.SiMenu,defStyle,0);        int n = a.getIndexCount();        for(int i = 0; i < n; i++){            int attr = a.getIndex(i);            switch (attr)            {                case R.styleable.SiMenu_rightPadding :                    mMenuRightPadding = a.getDimensionPixelSize(attr,(int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,50,context.getResources().getDisplayMetrics()));                    break;            }        }        a.recycle();        WindowManager wm =(WindowManager)context.getSystemService(Context.WINDOW_SERVICE);        DisplayMetrics outMetrics = new DisplayMetrics();        wm.getDefaultDisplay().getMetrics(outMetrics);        mScreeenWidth = outMetrics.widthPixels;        //把dp转为px//        mMenuRightPadding = (int)TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP,50,context.getResources().getDisplayMetrics());    }    /*    设置子view 的宽和高，以及自变量的宽高     */    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec ){        if(!once){            mWapper = (LinearLayout)getChildAt(0);            mMenu = (ViewGroup) mWapper.getChildAt(0);            mContent = (ViewGroup) mWapper.getChildAt(1);            mMenuWidth = mMenu.getLayoutParams().width = mScreeenWidth - mMenuRightPadding;            mContent.getLayoutParams().width = mScreeenWidth;            once = true;        }        super.onMeasure(widthMeasureSpec,heightMeasureSpec);    }    /**     * 通过设置偏移量对menu进行隐藏     */    public void onLayout(boolean changed, int i, int j, int r, int b)    {        super.onLayout(changed, i, j, r, b);        if (changed)        this.scrollTo(mMenuWidth, 0);    }    public boolean onTouchEvent(MotionEvent event){        int action = event.getAction();        switch (action)        {            case MotionEvent.ACTION_UP:                int scrollX = getScrollX();                if(scrollX >= mMenuWidth / 2){                    this.smoothScrollTo(mMenuWidth,0);                }else{                    this.smoothScrollTo(0,0);                }                return true;        }        return super.onTouchEvent(event);    }}

   紧接着是主程序的布局：

RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:hyman = "http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.linzhengle.qq50.MainActivity">    <com.example.linzhengle.qq50.Menu        android:layout_width="match_parent"        android:layout_height="match_parent"        hyman:rightPadding="100dp"        android:id="@+id/linze">        <LinearLayout            android:orientation="horizontal"            android:layout_width="match_parent"            android:layout_height="match_parent">            <include layout="@layout/hh"/>            <LinearLayout                android:layout_width="wrap_content"                android:layout_height="match_parent"                android:background="@color/colorAccent"></LinearLayout>        </LinearLayout>    </com.example.linzhengle.qq50.Menu></RelativeLayout>

   主Activity程序：

import android.content.Context;import android.support.v7.app.AppCompatActivity;import android.os.Bundle;import android.view.View;import android.widget.AdapterView;import android.widget.ListView;import android.widget.Toast;public class MainActivity extends AppCompatActivity {    Context context;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}

   三：分析：

     主要是用HorizontalScrollView来进行新的自定义文件，在menu类中，要先使用构造器，来获取屏幕宽度，以及获取自定义的属性.而onMeasure()方法是为了设置子View的高宽和自变量的高宽.smoothScrollTo是Google官方提供的方法，主要用于在移动时动画的改变.另外使用自定义View的时候要用到完整的包名加类名.