android关于侧滑菜单slidingMenu

简单的侧滑的实现：

Mainactivity

package com.example.sudo.slidemenu;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.View;

import view.SlideMenus;

public class MainActivity extends AppCompatActivity {

private SlideMenus mMenu;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mMenu = (SlideMenus) findViewById(R.id.menu);

}

public void toggleMenu(View v){

mMenu.toggle();

}

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

xmlns:Jin="http://schemas.android.com/apk/res-auto"

tools:context="com.example.sudo.slidemenu.MainActivity">

<view.SlideMenus

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/menu"

Jin:rightPadding="150dp">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

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

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@mipmap/qq">

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="toggleMenu"

android:text="切换菜单"/>

</LinearLayout>

</LinearLayout>

</view.SlideMenus>

</RelativeLayout>

left_menu.xml

<?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="@mipmap/bbbg">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:orientation="vertical"

android:layout_centerInParent="true">

<TextView

android:id="@+id/tv_img1"

android:layout_width="match_parent"

android:layout_height="0dp"

android:drawableLeft="@mipmap/img_1"

android:text="第一个Item"

android:paddingLeft="20dp"

android:paddingTop="10dp"

android:drawablePadding="20dp"

android:gravity="center_vertical"

android:layout_weight="1"/>

<TextView

android:id="@+id/tv_img2"

android:layout_width="match_parent"

android:layout_height="0dp"

android:drawableLeft="@mipmap/img_2"

android:text="第二个Item"

android:paddingLeft="20dp"

android:drawablePadding="20dp"

android:paddingTop="10dp"

android:gravity="center_vertical"

android:layout_weight="1"/>

<TextView

android:id="@+id/tv_img3"

android:layout_width="match_parent"

android:layout_height="0dp"

android:text="第三个Item"

android:paddingLeft="20dp"

android:gravity="center_vertical"

android:drawablePadding="20dp"

android:drawableLeft="@mipmap/img_3"

android:paddingTop="10dp"

android:layout_weight="1"/>

<TextView

android:id="@+id/tv_img4"

android:layout_width="match_parent"

android:layout_height="0dp"

android:paddingLeft="20dp"

android:drawableLeft="@mipmap/img_4"

android:text="第四个Item"

android:drawablePadding="20dp"

android:paddingTop="10dp"

android:gravity="center_vertical"

android:layout_weight="1"/>

<TextView

android:id="@+id/tv_img5"

android:layout_width="match_parent"

android:layout_height="0dp"

android:text="第五个Item"

android:drawableLeft="@mipmap/img_5"

android:paddingLeft="20dp"

android:paddingTop="10dp"

android:drawablePadding="20dp"

android:gravity="center_vertical"

android:layout_weight="1"/>

</LinearLayout>

</RelativeLayout>

activity_sliding_drawable.xml

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

xmlns:Huan="http://schemas.android.com/apk/res-auto"

tools:context="com.example.sudo.slidemenu.SlidingDrawable">

<view.SlideMenus

android:layout_width="match_parent"

android:layout_height="match_parent"

android:id="@+id/twomenu"

Huan:rightPadding="150dp">

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

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

<LinearLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="@mipmap/qq">

<Button

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:onClick="toggleMenu"

android:text="切换菜单"/>

</LinearLayout>

</LinearLayout>

</view.SlideMenus>

</RelativeLayout>

attr.xml

<?xml version="1.0" encoding="utf-8"?>

<resources>

<attr name="rightPadding" format="dimension">

</attr>

<declare-styleable name="SlideMenus">

<attr name="rightPadding"></attr>

</declare-styleable>

<declare-styleable name="TwoSlideMenu">

<attr name="rightPadding"></attr>

</declare-styleable>

</resources>

SlideMenus

/**

* Created by Sudo on 2016/9/19.

*/

public class SlideMenus extends HorizontalScrollView{

private LinearLayout mWapper;

private ViewGroup mMenu;

//内容区域

private ViewGroup mContent;

//屏幕的宽度

private int mScreenWidth;

//menu与右边的距离单位dp

private int mMenuRightPadding = 10;

private boolean once=false;

//表示当前的状态

private boolean isOpen;

//menu的宽度

private int mMenuWidth;

/*

未使用自定义属性时调用

*/

public SlideMenus(Context context, AttributeSet attrs) {

this(context, attrs,0);

// //获取屏幕的宽度

// WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

//

// DisplayMetrics outMetrics= new DisplayMetrics();

// wm.getDefaultDisplay().getMetrics(outMetrics);

// //widthPixels像素值

// mScreenWidth = outMetrics.widthPixels;

// //将dp转换为px

// mMenuRightPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics());

}

/**

*

*当自定义了属性时会调用此方法

*/

public SlideMenus(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//获取自定义属性

TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.SlideMenus,defStyleAttr,0);

int n = a.getIndexCount();

for (int i=0;i<n;i++){

int attr = a.getIndex(i);

switch (attr){

case R.styleable.SlideMenus_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);

//widthPixels像素值

mScreenWidth = outMetrics.widthPixels;

//将dp转换为px

// mMenuRightPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics());

}

public SlideMenus(Context context) {

this(context,null);

}

/*

设置子View的宽和高

设置自己的宽和高

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

//如果为false设置子view的宽和高

if(!once){

mWapper = (LinearLayout) getChildAt(0);

//LinearLayout里的第一个元素

mMenu = (ViewGroup) mWapper.getChildAt(0);

//LinearLayout里的第二个元素

mContent = (ViewGroup) mWapper.getChildAt(1);

//menu的宽度

mMenuWidth= mMenu.getLayoutParams().width = mScreenWidth-mMenuRightPadding;

//屏幕的宽度

mContent.getLayoutParams().width = mScreenWidth;

//只调用一次

once=true;

}

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

/**

*

*通过设置偏移量将Menu隐藏

*/

@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);

}

}

@Override

public boolean onTouchEvent(MotionEvent ev) {

int action = ev.getAction();

//通过action判断用户的行为

switch (action){

case MotionEvent.ACTION_UP:

//隐藏在左边的宽度

int scrollX=getScrollX();

if (scrollX>=mMenuWidth/2){

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){

return;

}

this.smoothScrollTo(mMenuWidth,0);

isOpen=false;

}

/**

* 切换菜单

*/

public void toggle(){

if (isOpen){

closeMenu();

}else {

openMenu();

}

}

}

抽屉式侧滑菜单：

SlidingDrawable

//抽屉式侧滑菜单

public class SlidingDrawable extends AppCompatActivity {

private SlideMenus twomenu;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_sliding_drawable);

twomenu = (SlideMenus) findViewById(R.id.twomenu);

}

public void toggleMenu(View v){

twomenu.toggle();

}

}

TwoSlideMenu

public class TwoSlideMenu extends HorizontalScrollView{

private LinearLayout mWapper;

private ViewGroup mMenu;

//内容区域

private ViewGroup mContent;

//屏幕的宽度

private int mScreenWidth;

//menu与右边的距离单位dp

private int mMenuRightPadding = 10;

private boolean once=false;

//表示当前的状态

private boolean isOpen;

//menu的宽度

private int mMenuWidth;

/*

未使用自定义属性时调用

*/

public TwoSlideMenu(Context context, AttributeSet attrs) {

this(context, attrs,0);

// //获取屏幕的宽度

// WindowManager wm = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);

//

// DisplayMetrics outMetrics= new DisplayMetrics();

// wm.getDefaultDisplay().getMetrics(outMetrics);

// //widthPixels像素值

// mScreenWidth = outMetrics.widthPixels;

// //将dp转换为px

// mMenuRightPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics());

}

/**

*

*当自定义了属性时会调用此方法

*/

public TwoSlideMenu(Context context, AttributeSet attrs, int defStyleAttr) {

super(context, attrs, defStyleAttr);

//获取自定义属性

TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.SlideMenus,defStyleAttr,0);

int n = a.getIndexCount();

for (int i=0;i<n;i++){

int attr = a.getIndex(i);

switch (attr){

case R.styleable.SlideMenus_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);

//widthPixels像素值

mScreenWidth = outMetrics.widthPixels;

//将dp转换为px

// mMenuRightPadding = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, 50, context.getResources().getDisplayMetrics());

}

public TwoSlideMenu(Context context) {

this(context,null);

}

/*

设置子View的宽和高

设置自己的宽和高

*/

@Override

protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

//如果为false设置子view的宽和高

if(!once){

mWapper = (LinearLayout) getChildAt(0);

//LinearLayout里的第一个元素

mMenu = (ViewGroup) mWapper.getChildAt(0);

//LinearLayout里的第二个元素

mContent = (ViewGroup) mWapper.getChildAt(1);

//menu的宽度

mMenuWidth= mMenu.getLayoutParams().width = mScreenWidth-mMenuRightPadding;

//屏幕的宽度

mContent.getLayoutParams().width = mScreenWidth;

//只调用一次

once=true;

}

super.onMeasure(widthMeasureSpec, heightMeasureSpec);

}

/**

*

*通过设置偏移量将Menu隐藏

*/

@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);

}

}

@Override

public boolean onTouchEvent(MotionEvent ev) {

int action = ev.getAction();

//通过action判断用户的行为

switch (action){

case MotionEvent.ACTION_UP:

//隐藏在左边的宽度

int scrollX=getScrollX();

if (scrollX>=mMenuWidth/2){

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){

return;

}

this.smoothScrollTo(mMenuWidth,0);

isOpen=false;

}

/**

* 切换菜单

*/

public void toggle(){

if (isOpen){

closeMenu();

}else {

openMenu();

}

}

/**

*滚动发生时

* int l:当前scaleX的值

*/

@Override

protected void onScrollChanged(int l, int t, int oldl, int oldt) {

super.onScrollChanged(l, t, oldl, oldt);

//scaleX的值1~0

float scale = l*1.0f/mMenuWidth;

//内容区域

float rightScale = 0.7f+0.3f*scale;

//缩放比例

float leftScale = 1.0f-scale*3f;

//透明度

float leftAlpha = 0.6f+0.4f*(1-scale);

//调用属性动画，设置TransationX

ViewHelper.setTranslationX(mMenu,mMenuWidth*scale);

//给菜单设置动画

ViewHelper.setScaleX(mMenu,leftScale);

ViewHelper.setScaleY(mMenu,leftScale);

ViewHelper.setAlpha(mMenu,leftAlpha);

//设置contnt缩放的中心点

ViewHelper.setPivotX(mContent,0);

ViewHelper.setPivotY(mContent,mContent.getHeight()/2);

//内容区域的缩放

ViewHelper.setScaleX(mContent,rightScale);

ViewHelper.setScaleY(mContent,rightScale);

}

}

用框架写的SlidingMenu转自http://blog.csdn.net/lmj623565791/article/details/36677279