package com.qq_50.view;import android.annotation.SuppressLint;import android.content.Context;import android.util.AttributeSet;import android.util.DisplayMetrics;import android.view.MotionEvent;import android.view.ViewGroup;import android.view.WindowManager;import android.widget.HorizontalScrollView;import android.widget.LinearLayout;import com.nineoldandroids.view.ViewHelper;import com.qq_50.tools.ConverterUtils;/** * 自定义的侧滑控件 * * @author zengtao 2015年5月6日 下午8:43:12 */@SuppressLint("ClickableViewAccessibility")public class SideSlipping extends HorizontalScrollView {private LinearLayout mLayout; private ViewGroup mMenu;// 侧面菜单private ViewGroup mContent;// 正面内容private int mScreenWidth; // 屏幕宽度private int mMenuRightPadding = 30; // 菜单距离右边的距离private int mMenuWidth; // 菜单的宽度private boolean once; // 使得onMeasure只被加载一次private boolean isOpen; // 是否开启菜单public SideSlipping(Context context) {super(context);}public SideSlipping(Context context, AttributeSet attrs) {super(context, attrs);init(context);}public SideSlipping(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);}/** * 未使用自定义属性的时候，调用 * * @param context 上下文 */private void init(Context context) {WindowManager wManager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);DisplayMetrics mDisplayMetrics = new DisplayMetrics();wManager.getDefaultDisplay().getMetrics(mDisplayMetrics);mScreenWidth = mDisplayMetrics.widthPixels;mMenuRightPadding = ConverterUtils.dpToSp(context, 100);}/** * 1.设置子view的宽和高 设置自己的宽和高 */@Overrideprotected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {// 防止Measure被多次调用if (!once) {// 布局HorizontalScrollView下有一个LinearLayout，，LinearLayout下中有一个Menu和ContentmLayout = (LinearLayout) getChildAt(0);mMenu = (ViewGroup) mLayout.getChildAt(0);mContent = (ViewGroup) mLayout.getChildAt(1);// 设置子view的宽和高mMenuWidth = mMenu.getLayoutParams().width = mScreenWidth – mMenuRightPadding;mContent.getLayoutParams().width = mScreenWidth;once = true;}super.onMeasure(widthMeasureSpec, heightMeasureSpec);}/** * 2.决定view的位置，通过设置偏移量，将menu隐藏 */@Overrideprotected 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);}}/** * 3.根据手势判断，到底是菜单隐藏还是内容隐藏 */@Overridepublic boolean onTouchEvent(MotionEvent ev) {switch (ev.getAction()) {case MotionEvent.ACTION_UP:int x = getScrollX();if (x > 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();}}/** * 滑动的时候的动画效果 */@Overrideprotected void onScrollChanged(int l, int t, int oldl, int oldt) {super.onScrollChanged(l, t, oldl, oldt);/* * 区别1：内容区域1.0-0.7 scale：1.0 ~ 0.0 公式：0.7 + 0.3 * scale ** 区别2：菜单偏移量需要修改 ** 区别3：菜单缩放：0.7 ~ 1.0 公式：1.0f – scale * 0.3f ** 区别4：菜单透明度 0.6 ~ 1.0 公式：0.6 + 0.4 *（1 – scale） */// 1.计算的的偏移值float scale = l * 1.0f / mMenuWidth; // 计算出偏移量float rightScale = 0.7f + 0.3f * scale; // 内容区域float leftScale = 1.0f – scale * 0.3f; // 菜单缩放float leftAlpha = 0.6f + 0.4f * (1 – scale); // 菜单透明度// 2.设置内容区域偏移ViewHelper.setTranslationX(mMenu, mMenuWidth * scale); // 设置动画属性，偏移=总过宽度*偏移量ViewHelper.setPivotX(mContent, 0);ViewHelper.setPivotY(mContent, mContent.getHeight() / 2);ViewHelper.setScaleX(mContent, rightScale);ViewHelper.setScaleY(mContent, rightScale);// 3.设置菜单区域ViewHelper.setScaleX(mMenu, leftScale);ViewHelper.setScaleY(mMenu, leftScale);ViewHelper.setAlpha(mMenu, leftAlpha);}}
人生没有停靠站，自我本身永远是一个出发点。
