基本信息

---

下载

   友情提示：（无需注册或充值，赞助后即可获取资源下载链接）

---

     嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300

本次赞助数额为： 2 元　

支付宝支付

微信支付

   源码介绍

---

本课程将带领大家通过自定义控件实现QQ5.0侧滑菜单，课程将循序渐进，首先实现最普通的侧滑菜单，然后引入属性动画与拖动菜单效果相结合，最终实现QQ5.0侧滑菜单效果。通过本课程大家会对侧滑菜单有更深层次的了解，通过自定义控件和属性动画打造千变万化的侧滑菜单效果

package com.imooc.slidingmenu.view;
/**
 * 5.0 QQ侧滑总结
 * 一.自定义ViewGroup
 * 1构造方法的选择获得一些需要的值
 * 2onMeasure计算子View的宽和高，以及设置自己的宽和高
 * 3onLayout决定子View的布局位置
 * 【4onTouchEvent】
 * 二.构造方法
 * 1.Context new CustomViewGroup （context）
 * this(context ,null);
 * 2.Context context, AttributeSet attrs 布局文件的申明   ----没有自定义属性
 * this(context, attrs ,0);
 * 3.Context context, AttributeSet attrs, int defStyle----有自定义属性
 * 三.自定义属性
 * 1.attr。xml
 * 2.布局文件中 xmlns = 
 * 3.在3个参数的构造方法中，获得我们自定义属性值
 * 四.属性动画
 * Android3.0以上
 * 兼容低版本（nineoldandroids-2.4.0.jar）添加
 */

import com.imooc.slidingmenu.R;
import com.nineoldandroids.view.ViewHelper;

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;

public class SlidingMenu extends HorizontalScrollView{
private LinearLayout mWapper;
private ViewGroup mMenu;
private ViewGroup mContent;

private int mScreenWidth;
private int mMenuWidth;

private int mMenuRightPadding = 50;
private boolean once;

private boolean isOpen;


/**
* 未使用自定义属性时调用
*/
public SlidingMenu(Context context, AttributeSet attrs) {
this(context, attrs ,0);
// TODO Auto-generated constructor stub

}
/**
* 当使用了自定义样式调用次构造方法
*/
//定义样式
public SlidingMenu(Context context, AttributeSet attrs, int defStyle)
{
super(context, attrs, defStyle);

// 获取我们定义的属性
TypedArray a = context.getTheme().obtainStyledAttributes(attrs,
R.styleable.SlidingMenu, defStyle, 0);

int n = a.getIndexCount();
for (int i = 0; i < n; i )
{
int attr = a.getIndex(i);
switch (attr)
{
case R.styleable.SlidingMenu_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);
mScreenWidth = outMetrics.widthPixels;

}



public SlidingMenu(Context context) {
this(context ,null);
// TODO Auto-generated constructor stub
}


/**
* 设置子View的宽和高设置自己的宽和高
*/
@Override
protected 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 = 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();
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();
}
}
/**
* 滚动发生时
*/
@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
// TODO Auto-generated method stub
super.onScrollChanged(l, t, oldl, oldt);
float scale = l * 1.0f / mMenuWidth;//1~0
float rightScale = 0.7f 0.3f * scale;
// 菜单的缩放比例
float leftScale = 1.0f - scale * 0.3f;
// 透明度的变化比例
float leftAlpha = 0.6f 0.4f * (1-scale);
// 调用属性动画，设置TranslationX
ViewHelper.setTranslationX(mMenu, mMenuWidth*scale * 0.7f);
// 菜单的缩放动画
ViewHelper.setScaleX(mMenu, leftScale);
ViewHelper.setScaleY(mMenu, leftScale);
ViewHelper.setAlpha(mMenu, leftAlpha);
//// 缩放动画
//// 设置缩放的中心点
ViewHelper.setPivotX(mContent, 0);
ViewHelper.setPivotY(mContent, mContent.getHeight()/2);
ViewHelper.setScaleX(mContent, rightScale);
ViewHelper.setScaleY(mContent, rightScale);

}
}