前言
目前市場很多的APP都帶有窗口滑動切換關(guān)閉魂仍,這種切換涯冠,使得用戶操作比較爽可款,而且覺得功能點(diǎn)上也比較大氣育韩,在此就是自己總結(jié)了一個(gè)簡易的方法,直接替換在基礎(chǔ)窗口里面闺鲸,使用安卓最基礎(chǔ)的方法進(jìn)行實(shí)現(xiàn)筋讨;
需求說明
- 首先是明確從哪里滑動:一般習(xí)慣都是從左邊緣開始滑動
- 手指在滑動的時(shí)候頁面進(jìn)行移動
- 松開手指之后,要判斷是否滑出關(guān)閉摸恍,還是恢復(fù)以前狀態(tài)悉罕;
實(shí)現(xiàn)的代碼
一、繼承一個(gè)幀布局,重寫方法:
public class ArActSlidLayout extends FrameLayout {
// 頁面邊緣陰影的寬度默認(rèn)值
private static final int SHADOW_WIDTH = 16;
private Activity mActivity;
private Scroller mScroller; //安卓自帶的一個(gè)滑動計(jì)算的類壁袄,只做計(jì)算类早,不參與邏輯;
// 頁面邊緣的陰影圖
private Drawable mLeftShadow;
// 頁面邊緣陰影的寬度
private int mShadowWidth;
private int mInterceptDownX; //手指按下然想,攔截的x值
private int mLastInterceptX;//記錄最后一次坐標(biāo)
private int mLastInterceptY;
private int mTouchDownX; //消費(fèi)的x值
private int mLastTouchX;
private int mLastTouchY;
private boolean isConsumed = false;是否可以滑動
public ArActSlidLayout(Context context) {
this(context, null);
}
public ArActSlidLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public ArActSlidLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
initView(context);
}
private void initView(Context context) {
mScroller = new Scroller(context);
mLeftShadow = getResources().getDrawable(R.drawable.left_shadow);//得到陰影的圖形
int density = (int) getResources().getDisplayMetrics().density;
mShadowWidth = SHADOW_WIDTH * density;//得到實(shí)際像素的寬度莺奔;
}
/**
* 綁定Activity
*/
public void bindActivity(Activity activity) {
mActivity = activity;
ViewGroup decorView = (ViewGroup) mActivity.getWindow().getDecorView();
View child = decorView.getChildAt(0);
decorView.removeView(child);
addView(child);
decorView.addView(this);//把整個(gè)布局添加的窗口的ViewGroup中;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {//進(jìn)行事件的是否攔截
boolean intercept = false;
int x = (int) ev.getX();
int y = (int) ev.getY();
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
intercept = false;
mInterceptDownX = x;
mLastInterceptX = x;
mLastInterceptY = y;
break;
case MotionEvent.ACTION_MOVE:
int deltaX = x - mLastInterceptX;
int deltaY = y - mLastInterceptY;
// 手指處于屏幕邊緣变泄,且橫向滑動距離大于縱向滑動距離時(shí)令哟,攔截事件
if (mInterceptDownX < (getWidth() / 10) && Math.abs(deltaX) > Math.abs(deltaY)) {
intercept = true;//滿足這個(gè)條件進(jìn)行攔截;
} else {
intercept = false;
}
mLastInterceptX = x;
mLastInterceptY = y;
break;
case MotionEvent.ACTION_UP:
intercept = false;
mInterceptDownX = mLastInterceptX = mLastInterceptY = 0;//恢復(fù)數(shù)據(jù)妨蛹;
break;
}
//Log.e("event", " Intercep " + " x: " + x + " y: " + y);
return intercept;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {//事件的消費(fèi)屏富,具體邏輯的編寫;
int x = (int) ev.getX();
int y = (int) ev.getY();
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
mTouchDownX = x;
mLastTouchX = x;
mLastTouchY = y;
//Log.e("event", " onTouchEventDOWN " + " x: " + x + " y: " + y);
break;
case MotionEvent.ACTION_MOVE:
int deltaX = x - mLastTouchX;
int deltaY = y - mLastTouchY;
if (!isConsumed && mTouchDownX < (getWidth() / 10) && Math.abs(deltaX) > Math.abs(deltaY)) {
isConsumed = true; //移動的條件
}
if (isConsumed) {
int rightMovedX = mLastTouchX - (int) ev.getX();
// 左側(cè)即將滑出屏幕
if (getScrollX() + rightMovedX >= 0) {
//移動到某一點(diǎn)
scrollTo(0, 0);
} else {
//相當(dāng)于累加的移動
scrollBy(rightMovedX, 0); //手指滑動移動整個(gè)屏幕蛙卤;負(fù)數(shù):代表向右移動 狠半,反之,像做
}
// Log.e("event", " onTouchEventMOVE " + " x: " + x + " y: " + y + " ScrollX: " + getScrollX() + " rightMovedX: " + rightMovedX);
}
mLastTouchX = x;
mLastTouchY = y;
break;
case MotionEvent.ACTION_UP:
isConsumed = false;
mTouchDownX = mLastTouchX = mLastTouchY = 0; //消除數(shù)據(jù)颤难;
// 根據(jù)手指釋放時(shí)的位置決定回彈還是關(guān)閉
if (-getScrollX() < getWidth() / 3) {
scrollBack();
} else {
scrollClose();
}
//Log.e("event", " onTouchEventUP " + " x: " + x + " y: " + y + " ScrollX: " + getScrollX());
break;
}
//Log.e("event"," onTouchEventAll " + " getRawX(): "+ev.getRawX() +" y: " +ev.getRawY());
return true;
}
/**
* 滑動返回
*/
private void scrollBack() {
int startX = getScrollX();
int dx = -getScrollX();
mScroller.startScroll(startX, 0, dx, 0, 300);
invalidate();
}
/**
* 滑動關(guān)閉
*/
private void scrollClose() {
int startX = getScrollX();
int dx = -getScrollX() - getWidth();
//Log.e("event", " scrollClose: dx " + dx + " getWidth " + getWidth());
mScroller.startScroll(startX, 0, dx, 0, 300);
invalidate();
}
@Override
public void computeScroll() {
if (mScroller.computeScrollOffset()) {
scrollTo(mScroller.getCurrX(), 0);
//Log.e("event", " computeScroll: " + mScroller.getCurrX());
postInvalidate();
} else if (-getScrollX() >= getWidth()) {
mActivity.finish();
//Log.e("event", " computeScroll: finish " + getScrollX());
}
}
@Override
protected void dispatchDraw(Canvas canvas) {
super.dispatchDraw(canvas);
drawShadow(canvas);
}
/**
* 繪制邊緣的陰影
*/
private void drawShadow(Canvas canvas) {
mLeftShadow.setBounds(0, 0, mShadowWidth, getHeight());
canvas.save();
canvas.translate(-mShadowWidth, 0);
mLeftShadow.draw(canvas);
canvas.restore();
}
}
二神年、邊緣的陰影l(fā)eft_shadow.xml:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<!--顏色漸變范圍-->
<gradient
android:endColor="#50000000"
android:startColor="#00000000" />
</shape>
三、在baseActivity里面添加代碼:
public class ArBaseFragActivity extends BaseMMCFragmentActivity {
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
if (setEnableSliding()) {
ArActSlidLayout rootView = new ArActSlidLayout(this);
rootView.bindActivity(this);//綁定需要窗口的布局:
}
}
protected boolean setEnableSliding() {//默認(rèn)返回是需要的行嗤,只需繼承的時(shí)候重寫次代碼 true : 需要已日;false :不需要;
return true;
}
}
四栅屏、總結(jié):這種實(shí)現(xiàn)還有不少的方法飘千,我這里只是推薦了自己覺得不錯(cuò)的方法,有需要的童鞋們直接copy項(xiàng)目中去用就行了栈雳,里面涉及到很多安卓自帶的方法护奈,還需要你們自己消化理解,我在實(shí)現(xiàn)代碼中也進(jìn)行了注釋哥纫,可以幫助你們理解消化霉旗,有什么不足的地方,還請你們多多指教蛀骇,使得我后期改進(jìn)更多奖慌。