Android 高仿QQ HD mini左右滑動菜單欄效果

Android 高仿QQ HD mini左右滑動菜單欄，動畫逼真。首先來看看幾張效果圖：

1.進入程序時，首先顯示中間菜單，即QQHD mini的最近會話列表。

2.向左滑動，或者點擊左上角圖標，可以展開左邊菜單欄，即QQ HD mini的好友列表，有動畫效果。

3.向右滑動或者點擊右上角圖標，可以展開右邊菜單，即QQ HD mini的設置之類的布局，這裡我放了一個自定義view，作為例子。

下面讓我們來看看最重要的那個自定義view的源碼：

/**
* 可左右切換菜單欄的LinearLayout
*
* @author way
*
*/
public class CenterLayout extends LinearLayout {

private final static String TAG = "CenterLayout";

public static final int LEFT = 0x001;// 當前顯示左菜單欄

public static final int RIGHT = 0x002;// 當前顯示右菜單欄

public static final int MIDDLE = 0x000;// 當前顯示中間主界面

private int mCurState = MIDDLE;// 當前顯示的view

public final int MENU_border_Width = 50;// 邊欄寬度

private Scroller mScroller;

private LinearLayout leftLayout, rightLayout, childLayout;

private Context context;

private boolean fling;

private boolean mIsBeingDragged = false;

private int mTouchSlop;
/**
* Position of the last motion event.
*/
private float mLastMotionX, mLastMotionY;

/**
* ID of the active pointer. This is used to retain consistency during
* drags/flings if multiple pointers are used.
*/
private int mActivePointerId = INVALID_POINTER;

/**
* Sentinel value for no current active pointer. Used by
* {@link #mActivePointerId}.
*/
private static final int INVALID_POINTER = -1;

int menuWidth = 0;
int moveWidth = 0;

// 3個構造器
public CenterLayout(Context context, AttributeSet attrs) {
super(context, attrs);
initView(context);
}

public CenterLayout(Context context) {
super(context);
initView(context);
}

public Scroller getScroller() {
return mScroller;
}

// 初始化view
public void initView(Context context) {
this.context = context;
this.menuWidth = MENU_border_Width;
this.mScroller = new Scroller(context, AnimationUtils.loadInterpolator(
context, android.R.anim.overshoot_interpolator));

final ViewConfiguration configuration = ViewConfiguration.get(context);
mTouchSlop = configuration.getScaledTouchSlop();
mCurState = MIDDLE;// 初始化默認狀態
}

/**
* 獲取屏幕寬度
*
* @param context
* @return
*/
private int getViewWidthInPix(Context context) {
int viewWidthInPix = -1;
if (viewWidthInPix == -1) {
WindowManager manager = (WindowManager) context
.getSystemService(Context.WINDOW_SERVICE);
viewWidthInPix = manager.getDefaultDisplay().getWidth();
}
return viewWidthInPix;
}

@Override
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
super.onLayout(changed, left, top, right, bottom);

for (int i = 0; i < getChildCount(); i++) {
View child = getChildAt(i);
child.layout(child.getLeft() + moveWidth, child.getTop(),
child.getRight() + moveWidth, child.getBottom());
}

}

@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(), 0);
postInvalidate();
}
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
// TODO Auto-generated method stub
// Log.i(TAG, "onInterceptTouchEvent------>" + ev.getAction());
final int action = ev.getAction();
if ((action == MotionEvent.ACTION_MOVE) && (mIsBeingDragged)) {
return true;// 攔截不傳遞給child view
}

switch (action & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN: {
final float x = ev.getX();
final float y = ev.getY();
if (!inChild((int) x, (int) y)) {
mIsBeingDragged = false;
break;
// 超出邊界,return false傳遞給子view處理
}

/*
* Remember location of down touch. ACTION_DOWN always refers to
* pointer index 0.
*/
mLastMotionX = x;
mLastMotionY = y;
mActivePointerId = ev.getPointerId(0);

/*
* If being flinged and user touches the screen, initiate drag;
* otherwise don't. mScroller.isFinished should be false when being
* flinged.
*/
mIsBeingDragged = !mScroller.isFinished();
break;
}
case MotionEvent.ACTION_MOVE: {
/*
* mIsBeingDragged == false, otherwise the shortcut would have
* caught it. Check whether the user has moved far enough from his
* original down touch.
*/

/*
* Locally do absolute value. mLastMotionY is set to the y value of
* the down event.
*/
final int activePointerId = mActivePointerId;
if (activePointerId == INVALID_POINTER) {
// If we don't have a valid id, the touch down wasn't on
// content.
break;
}

final int pointerIndex = ev.findPointerIndex(activePointerId);
final float x = ev.getX(pointerIndex);
final float y = ev.getY(pointerIndex);
final int xDiff = (int) Math.abs(x - mLastMotionX);
final int yDiff = (int) Math.abs(y - mLastMotionY);
if (xDiff > mTouchSlop && yDiff < xDiff) {
mIsBeingDragged = true;
}
break;
}
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
mIsBeingDragged = false;
mActivePointerId = INVALID_POINTER;
scrollToScreen();
break;
}
return mIsBeingDragged;
}

@Override
public boolean onTouchEvent(MotionEvent event) {

// Log.i(TAG, "onTouchEvent ---->>>>>" + event.getAction());
if (event.getAction() == MotionEvent.ACTION_DOWN
&& !inChild((int) event.getX(), (int) event.getY())) {
// Don't handle edge touches immediately -- they may actually belong
// to one of our
// descendants.
return false;
}

switch (event.getAction() & MotionEvent.ACTION_MASK) {
case MotionEvent.ACTION_DOWN:
return true; // 本VIEW消化掉

case MotionEvent.ACTION_MOVE:
final int activePointerIndex = event
.findPointerIndex(mActivePointerId);

final float x = event.getX(activePointerIndex);
final float y = event.getY(activePointerIndex);

final int distanceX = (int) /* Math.abs */-(x - mLastMotionX);

// 在滑動過程中，就需要顯示新的brotherView，不然顯示的還是之前的brotherView，最後松開手時會突然變稱新brotherView,影響體驗
if (distanceX < 0 && getScrollX() < 0 && leftLayout != null) {
setBrotherVisibility(LEFT);
} else if (distanceX > 0 && getScrollX() > 0 && rightLayout != null) {
setBrotherVisibility(RIGHT);
} else {
setBrotherVisibility(MIDDLE);
}

scrollBy((int) distanceX, 0);

mLastMotionX = x;
mLastMotionY = y;
break;

case MotionEvent.ACTION_UP:
mIsBeingDragged = false;
mActivePointerId = INVALID_POINTER;
scrollToScreen();
break;

default:
return super.onTouchEvent(event);
}
return mIsBeingDragged;

}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
// TODO Auto-generated method stub
super.onScrollChanged(l, t, oldl, oldt);
}

private void scrollToScreen() {

int scrollDistance = 0;

if (Math.abs(getScrollX()) > getWidth() / 2)
scrollDistance = (getScrollX() > 0) ? getWidth() - menuWidth
- getScrollX() : -(getWidth() - menuWidth - Math
.abs(getScrollX()));
else
scrollDistance = -getScrollX();

int distance = scrollDistance + getScrollX();
Log.i(TAG, " distance = " + distance);
if (distance > 0) {
mCurState = RIGHT;
} else if (distance < 0) {
mCurState = LEFT;
} else {
mCurState = MIDDLE;
}
mScroller.startScroll(getScrollX(), 0, scrollDistance, 0,
Math.abs(scrollDistance) * 2);
invalidate();

}

public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX,
float velocityY) {
if (Math.abs(velocityX) > ViewConfiguration.get(context)
.getScaledMinimumFlingVelocity()) {
fling = true;
scrollToScreen();
}

return fling;
}

private boolean inChild(int x, int y) {
if (getChildCount() > 0) {
final int scrollX = mScroller.getCurrX();
final View child = getChildAt(0);

return !(scrollX + x < 0 || scrollX + x > getWidth() || y < 0 || y > getHeight());

}
return false;
}

/**
* 設置當前顯示的view
*
* @param whichpg
*/
public void setPage(int whichpg) {
int targetX = 0, moveDistance = 0;

if (whichpg == LEFT) {
targetX = -(getViewWidthInPix(context) - menuWidth);
mCurState = LEFT;
} else if (whichpg == RIGHT) {
targetX = getViewWidthInPix(context) - menuWidth;
mCurState = RIGHT;
} else {
mCurState = MIDDLE;
}
setBrotherVisibility(whichpg);
moveDistance = targetX - getScrollX();
mScroller.startScroll(getScrollX(), 0, moveDistance, 0,
Math.abs(moveDistance) * 2);
invalidate();
}

/**
* 返回當前顯示的view
*
* @return
*/
public int getPage() {
return mCurState;
}

public void addChildView(View child) {
this.childLayout.addView(child);
}

/**
* 設置BrotherView
*
* @param left
* @param right
*/
public void setBrotherLayout(LinearLayout left, LinearLayout right) {
this.leftLayout = left;
this.rightLayout = right;
}

/**
* 根據當前狀態顯示或隱藏view
*
* @param state
*/
private void setBrotherVisibility(int state) {
switch (state) {
case LEFT:
rightLayout.setVisibility(View.GONE);
leftLayout.setVisibility(View.VISIBLE);
break;
case RIGHT:
rightLayout.setVisibility(View.VISIBLE);
leftLayout.setVisibility(View.GONE);
break;
case MIDDLE:
break;
default:
break;
}
}
}

好了，高仿QQ HD mini左右滑動菜單欄效果 源碼地址：

免費下載地址在 http://linux.linuxidc.com/

用戶名與密碼都是www.linuxidc.com

具體下載目錄在 /2013年資料/5月/2日/高仿QQ HD mini左右滑動菜單欄效果

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11