Skip to content

Commit

Permalink
add backgroundview
Browse files Browse the repository at this point in the history
  • Loading branch information
wujingchao committed Apr 18, 2015
1 parent 12e5e36 commit 11743ed
Show file tree
Hide file tree
Showing 6 changed files with 156 additions and 44 deletions.
9 changes: 1 addition & 8 deletions app/src/main/java/net/wujingchao/android/demo/MainActivity.java
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;
import android.widget.Toast;

import com.nineoldandroids.animation.ObjectAnimator;
Expand Down Expand Up @@ -34,14 +35,6 @@ public void onHide(int which) {
});
}

public void tranlate(View view) {
Log.d(TAG,"Y:" + ViewHelper.getY(view));
ObjectAnimator
.ofFloat(view, "y", ViewHelper.getY(view), ViewHelper.getY(view) + 100)
.setDuration(500)
.start();
}

public void go(View view) {
Toast.makeText(this,"gogo",Toast.LENGTH_SHORT).show();
}
Expand Down
1 change: 1 addition & 0 deletions app/src/main/res/layout/activity_main.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@
<net.wujingchao.android.view.MultiCardMenu
xmlns:simple="http:https://schemas.android.com/apk/res-auto"
simple:background_layout="@layout/main2"
simple:margin_top="80dp"
android:id="@+id/mc"
android:layout_width="match_parent"
android:layout_height="match_parent"
Expand Down
48 changes: 48 additions & 0 deletions app/src/main/res/layout/main2.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,4 +22,52 @@
android:text="New CheckBox"
android:id="@+id/checkBox"
android:layout_gravity="center_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Text"
android:layout_gravity="center_horizontal" />

<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New RadioButton" />

<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New CheckBox"
android:layout_gravity="center_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Text"
android:layout_gravity="center_horizontal" />

<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New RadioButton"/>

<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New CheckBox"
android:layout_gravity="center_horizontal" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New Text"
android:layout_gravity="center_horizontal" />

<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New RadioButton" />

<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="New CheckBox"
android:layout_gravity="center_horizontal" />
</LinearLayout>
2 changes: 1 addition & 1 deletion app/src/main/res/values/styles.xml
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<resources>

<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- Customize your theme here. -->
</style>

Expand Down
139 changes: 104 additions & 35 deletions multi-card-menu/src/main/java/net/wujingchao/android/view/MultiCardMenu.java
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

import android.content.Context;
import android.content.res.TypedArray;
import android.support.annotation.NonNull;
import android.support.annotation.NonNull;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.MotionEvent;
Expand All @@ -13,16 +13,21 @@
import android.view.animation.Interpolator;
import android.widget.FrameLayout;

import com.nineoldandroids.animation.Animator;
import com.nineoldandroids.animation.AnimatorSet;
import com.nineoldandroids.animation.ObjectAnimator;
import com.nineoldandroids.animation.ValueAnimator;
import com.nineoldandroids.view.ViewHelper;

import java.util.ArrayList;
import java.util.List;

/**
* @author wujingchao 2015-04-01 email:[email protected]
*/
public class MultiCardMenu extends FrameLayout {

// private final static String TAG = "MultiCardMenu";
private final static String TAG = "MultiCardMenu";

private final static int DEFAULT_CARD_MARGIN_TOP = 0;

Expand Down Expand Up @@ -56,13 +61,11 @@ public class MultiCardMenu extends FrameLayout {

private boolean isTouchOnCard = false;

// private float mTouchViewOriginalY;

private int mChildCount;

private boolean isDisplaying = false;

private Interpolator interpolator = new AccelerateInterpolator();
private Interpolator mInterpolator = new AccelerateInterpolator();

private float mMoveDistanceToTrigger;

Expand All @@ -78,10 +81,36 @@ public class MultiCardMenu extends FrameLayout {

private float yVelocity;

private int mBackgroundRid;

private OnDisplayOrHideListener mOnDisplayOrHideListener;

private boolean isExistBackground = false;

private int mDuration;

private Animator.AnimatorListener mAnimatorListener = new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animator) {
isAnimating = true;
}

@Override
public void onAnimationEnd(Animator animator) {
isAnimating = false;
}

@Override
public void onAnimationCancel(Animator animator) {
isAnimating = false;
}

@Override
public void onAnimationRepeat(Animator animator) {

}
};

private boolean isAnimating = false;

public MultiCardMenu(Context context) {
this(context,null);
}
Expand All @@ -98,8 +127,12 @@ public MultiCardMenu(Context context, AttributeSet attrs, int defStyleAttr) {
mTitleBarHeightOnFold = a.getDimension(R.styleable.MultiCardMenu_title_bar_height_on_fold, dip2px(DEFAULT_TITLE_BAR_HEIGHT_ON_FOLD));
mMarginTop = a.getDimension(R.styleable.MultiCardMenu_margin_top, dip2px(DEFAULT_CARD_MARGIN_TOP));
mMoveDistanceToTrigger = a.getDimension(R.styleable.MultiCardMenu_move_distance_to_trigger,dip2px(DEFAULT_MOVE_DISTANCE_TO_TRIGGER));
mBackgroundRid = a.getResourceId(R.styleable.MultiCardMenu_background_layout,0);
LayoutInflater.from(context).inflate(mBackgroundRid,this);
int mBackgroundRid = a.getResourceId(R.styleable.MultiCardMenu_background_layout,-1);
if(mBackgroundRid != -1) {
LayoutInflater.from(context).inflate(mBackgroundRid,this);
isExistBackground = true;
}
mDuration = a.getInt(R.styleable.MultiCardMenu_animator_duration,DEFAULT_DURATION);
a.recycle();
ViewConfiguration vc = ViewConfiguration.get(context);
mMaxVelocity = vc.getScaledMaximumFlingVelocity();
Expand All @@ -112,6 +145,10 @@ protected void onLayout(boolean changed, int left, int top, int right, int botto
mChildCount = getChildCount();
for(int i = 0; i < mChildCount; i ++) {
View childView = getChildAt(i);
if(i == 0 && isExistBackground) {
childView.layout(0,0,childView.getMeasuredWidth(),childView.getMeasuredHeight());
continue;
}
//l t r b
int t = (int) (getMeasuredHeight() - (mChildCount - i)* mTitleBarHeightOnSpread);
childView.layout(0, t, childView.getMeasuredWidth(), childView.getMeasuredHeight() + t);
Expand Down Expand Up @@ -173,8 +210,9 @@ private void handleActionDown(MotionEvent event) {
isTouchOnCard = true;
}

// if(whichCardOnTouch != -1)
// mTouchViewOriginalY = ViewHelper.getY(getChildAt(whichCardOnTouch));
if(isExistBackground && whichCardOnTouch == 0){
isTouchOnCard = false;
}
}

private void handleActionMove(MotionEvent event) {
Expand All @@ -187,8 +225,6 @@ private void handleActionMove(MotionEvent event) {
downY = event.getY();
View touchingChildView = getChildAt(whichCardOnTouch);
touchingChildView.offsetTopAndBottom((int) deltaY);
// deltaY += event.getY() - downY; //bug???
// ViewHelper.setTranslationY(touchingChildView,deltaY);
}

private void handleActionUp(MotionEvent event) {
Expand All @@ -207,7 +243,7 @@ private void handleActionUp(MotionEvent event) {
if(currentY < mMarginTop || currentY < (mMarginTop + mMoveDistanceToTrigger)) {
ObjectAnimator.ofFloat(getChildAt(mDisplayingCard),"y",
currentY,mMarginTop)
.setDuration(DEFAULT_DURATION)
.setDuration(mDuration)
.start();
}else if(currentY > (mMarginTop + mMoveDistanceToTrigger)) {
hideCard(mDisplayingCard);
Expand All @@ -224,60 +260,93 @@ private void computeVelocity() {
xVelocity = mVelocityTracker.getXVelocity();
}

private void displayCard(int which) {
if(isDisplaying)return;
ObjectAnimator [] animators = new ObjectAnimator[mChildCount];
animators[0] = ObjectAnimator
private void displayCard(final int which) {
//TODO add fade
if(isDisplaying || isAnimating)return;
List<Animator> animators = new ArrayList<>(mChildCount);
ObjectAnimator displayAnimator = ObjectAnimator
.ofFloat(getChildAt(which), "y", ViewHelper.getY(getChildAt(which)), mMarginTop)
.setDuration(DEFAULT_DURATION);
for(int i = 0,j=1; i < mChildCount; i++) {
.setDuration(mDuration);
// ValueAnimator displayAnimator = ValueAnimator.ofFloat(ViewHelper.getY(getChildAt(which)), mMarginTop)
// .setDuration(mDuration);
// displayAnimator.setTarget(getChildAt(which));
// displayAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
// @Override
// public void onAnimationUpdate(ValueAnimator valueAnimator) {
// float value = (float) valueAnimator.getAnimatedValue();
// ViewHelper.setY(getChildAt(which),value);
// }
// });
animators.add(displayAnimator);
int n = isExistBackground ? (mChildCount - 1) : mChildCount;
for(int i = 0,j = 1; i < mChildCount; i++) {
if(i == 0 && isExistBackground) continue;
if(i != which){
animators[j] = ObjectAnimator
animators.add(ObjectAnimator
.ofFloat(getChildAt(i),"y",ViewHelper.getY(getChildAt(i)),
getMeasuredHeight() - mTitleBarHeightOnFold * (mChildCount-j))
.setDuration(DEFAULT_DURATION);
getMeasuredHeight() - mTitleBarHeightOnFold * (n - j))
.setDuration(mDuration));
j ++;
}
}
AnimatorSet set = new AnimatorSet();
set.setInterpolator(interpolator);
set.addListener(mAnimatorListener);
set.setInterpolator(mInterpolator);
set.playTogether(animators);
set.start();
isDisplaying = true;
mDisplayingCard = which;
if(mOnDisplayOrHideListener != null)
mOnDisplayOrHideListener.onDisplay(which);
mOnDisplayOrHideListener.onDisplay(isExistBackground ? (which - 1) : which);
}


private void hideCard(int which) {
ObjectAnimator animators [] = new ObjectAnimator[mChildCount];
View displayingCard = getChildAt(which);
if(isAnimating)return;
List<Animator> animators = new ArrayList<>(mChildCount);
final View displayingCard = getChildAt(which);
int t = (int) (getMeasuredHeight() - (mChildCount - which)* mTitleBarHeightOnSpread);
animators[0] = ObjectAnimator.ofFloat(displayingCard,"y",
ViewHelper.getY(displayingCard),t).setDuration(DEFAULT_DURATION);
for(int i = 0,j = 1; i < mChildCount; i ++) {
ObjectAnimator displayAnimator = ObjectAnimator.ofFloat(displayingCard, "y",
ViewHelper.getY(displayingCard), t).setDuration(mDuration);
// ValueAnimator displayAnimator = ValueAnimator.ofFloat(ViewHelper.getY(displayingCard), t)
// .setDuration(mDuration);
// displayAnimator.setTarget(displayingCard);
// displayAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
// @Override
// public void onAnimationUpdate(ValueAnimator valueAnimator) {
// float value = (float) valueAnimator.getAnimatedValue();
// ViewHelper.setY(displayingCard,value);
// }
// });
animators.add(displayAnimator);
for(int i = 0; i < mChildCount; i ++) {
if(i == 0 && isExistBackground) continue;
if(i != which) {
t = (int) (getMeasuredHeight() - (mChildCount - i)* mTitleBarHeightOnSpread);
animators[j] = ObjectAnimator.ofFloat(getChildAt(i),"y",
ViewHelper.getY(getChildAt(i)),t);
j ++;
animators.add(ObjectAnimator.ofFloat(getChildAt(i),"y",
ViewHelper.getY(getChildAt(i)),t));
}
}
AnimatorSet set = new AnimatorSet();
set.setInterpolator(interpolator);
set.addListener(mAnimatorListener);
set.setInterpolator(mInterpolator);
set.playTogether(animators);
set.start();
isDisplaying = false;
mDisplayingCard = -1;
if(mOnDisplayOrHideListener != null)
mOnDisplayOrHideListener.onHide(which);
mOnDisplayOrHideListener.onHide(isExistBackground ? (which - 1) : which);
}


public void setOnDisplayOrHideListener(OnDisplayOrHideListener onDisplayOrHideListener) {
this.mOnDisplayOrHideListener = onDisplayOrHideListener;
}

public void setInterpolator(Interpolator interpolator) {
this.mInterpolator = interpolator;
}

@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
return isDragging;
Expand Down
1 change: 1 addition & 0 deletions multi-card-menu/src/main/res/values/attr.xml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,5 +6,6 @@
<attr name="title_bar_height_on_fold" format="dimension"/>
<attr name="margin_top" format="dimension"/>
<attr name="background_layout" format="reference"/>
<attr name="animator_duration" format="integer"/>
</declare-styleable>
</resources>

0 comments on commit 11743ed

Please sign in to comment.