正文
Android学习之可滑动当前的Activity视图看见上一个活动的视图
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
先看一下我的效果图吧：
好大的图啊！！！
百度音乐由一个很酷的功能，当前的UI可以滑动，然后看见上一个活动的UI，当时顿时觉得百度的牛人好多啊，能将如此前沿的技术应用到app上。当然如果你熟悉了Android的框架，熟知Activity的布局原理，那么实现起来还是很简单的。本人粗略的实现过，用的是View.layout(l, t, r, b)方法移动布局，总觉得有点山寨，但终究还是实现了嘛。好了不多说了，看我自己实现的方式吧。
首先准备创建两个Activity，至于布局xml文件怎么写，大家随便了，两个活动用一个xml布局即可。
为了方便大家copy（PS：本来我不想全部代码包括xml文件都粘贴在这里的，但是鉴于有些人实在太懒，连布局文件都不愿意随便写一个，然后在评论里喊，楼主，源码！我还是贴出来吧！）
一个简单的布局xml文件：layout_value_animation_layout
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" > <Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Button" /> <ToggleButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ToggleButton" /> <CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="CheckBox" /> <RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="RadioButton" /> <SeekBar
android:layout_width="match_parent"
android:layout_height="wrap_content" /> <RatingBar
android:layout_width="wrap_content"
android:layout_height="wrap_content" /> <TextView
android:id="@+id/layout_value_animation_layout_text"
android:layout_width="fill_parent"
android:layout_height="0dip"
android:layout_weight="1"
android:gravity="center"
android:text="A"
android:textAppearance="?android:attr/textAppearanceLarge"
android:textSize="80sp" /> </LinearLayout>
第一个活动：LayoutValueAnimationExampleA
package org.mrchen.commlib.example; import android.app.Activity;
import android.content.Intent;
import android.graphics.Color;
import android.os.Bundle;
import android.util.TypedValue;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView; public class LayoutValueAnimationExampleA extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
View root = getLayoutInflater().inflate(R.layout.layout_value_animation_layout, null);
setContentView(root); //
root.setBackgroundColor(Color.parseColor("#978856"));
TextView text = (TextView) findViewById(R.id.layout_value_animation_layout_text);
text.setTextSize(TypedValue.COMPLEX_UNIT_SP, 25);
text.setText("A\n Click Me go to Activity LayoutValueAnimationExampleB");
text.setOnClickListener(new OnClickListener() { @Override
public void onClick(View v) {
// TODO Auto-generated method stub
startActivity(new Intent(LayoutValueAnimationExampleA.this, LayoutValueAnimationExampleB.class));
}
});
}
}
第二个活动:LayoutValueAnimationExampleB
package org.mrchen.commlib.example; import org.mrchen.commlib.animation.LayoutValueAnimation;
import org.mrchen.commlib.animation.LayoutValueAnimation.LayoutValueParams;
import org.mrchen.commlib.animation.SmoothInterpolator;
import org.mrchen.commlib.helper.LogHelper;
import org.mrchen.commlib.helper.ScreenHelper; import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.TextView; /**
* 注意当前的Activity在AndroidManifest.xml中的注册信息，主题应用了透明主题：AppTheme.Transparent
*
* @author chenjianli
*
*/
public class LayoutValueAnimationExampleB extends Activity { private final String TAG = "LayoutValueAnimationExampleB"; private View mRootView;
private LayoutValueAnimation mLayoutValueAnimation; @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mRootView = getLayoutInflater().inflate(R.layout.layout_value_animation_layout, null);
setContentView(mRootView); //
mRootView.setBackgroundColor(Color.parseColor("#46b525"));
TextView text = (TextView) findViewById(R.id.layout_value_animation_layout_text);
text.setText("B");
mRootView.setOnTouchListener(movingEventListener);
} private OnTouchListener movingEventListener = new OnTouchListener() { int lastX, lastY; public boolean onTouch(View v, MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_DOWN) {
lastX = (int) event.getRawX();
lastY = (int) event.getRawY();
}
if (event.getAction() == MotionEvent.ACTION_MOVE) {
int dx = (int) event.getRawX() - lastX;
int dy = (int) event.getRawY() - lastY;
// TODO
dy = 0; int left = v.getLeft() + dx;
int top = v.getTop() + dy;
int right = v.getRight() + dx;
int bottom = v.getBottom() + dy; v.layout(left, top, right, bottom); lastX = (int) event.getRawX();
lastY = (int) event.getRawY(); } if (event.getAction() == MotionEvent.ACTION_UP) { int left = v.getLeft();
int top = v.getTop();
int right = v.getRight();
int bottom = v.getBottom(); LogHelper.d(TAG, "l:" + left + ",t:" + top + ",r:" + right + ",b:" + bottom);
finishActivity(v, ScreenHelper.mScreenWidth - left);
}
return true;
}
}; public boolean onKeyDown(int keyCode, android.view.KeyEvent event) {
if (!isFinishing()) {
finishActivity(mRootView, ScreenHelper.mScreenWidth);
return true;
}
return super.onKeyDown(keyCode, event);
}; private void finishActivity(View v, int size) {
int duration = 666;
if (mLayoutValueAnimation == null) {
ScreenHelper.initialize(LayoutValueAnimationExampleB.this);
mLayoutValueAnimation = new LayoutValueAnimation(new LayoutValueParams(size,
LayoutValueParams.DIRECTION_RIGHT), duration);
mLayoutValueAnimation.setInterpolator(new SmoothInterpolator());
}
mLayoutValueAnimation.startAnimation(v); v.postDelayed(new Runnable() {
@Override
public void run() {
LayoutValueAnimationExampleB.this.finish();
}
}, duration);
}
}
许多人可能要崩溃了，怎么回事，这么多类没有，由一些类是我自己库中常用的工具类，比如ScreenHelper，这个类没什么功能，就是得到屏幕的宽度啥的，调用初始化方法
initialize(context)
完成初始化的工作，就可以拿来用了。
这里由必要贴一下
LayoutValueAnimation
类，这个类是拜一位大侠的文章所赐，产生出的属于我自己的衍生品，大家拿来用就好，具体的注释我已经卸载类里面了。
package org.mrchen.commlib.animation; import org.mrchen.commlib.animation.LayoutValueAnimation.LayoutValueParams;
import org.mrchen.commlib.helper.LogHelper; import android.view.View;
import android.view.animation.AnimationUtils; /**
* 促使调用mTargetView.layout(l,t,r,b); <br>
* 参数配置类:{@link LayoutValueParams}
*
* @author chenjianli
*
*/
public class LayoutValueAnimation extends AbstractAnimation { private final static String TAG = "LayoutValueAnimation"; private int mCurrSize;
private int originalLeft;
private int originalRight;
private int originalTop;
private int originalBottom; private int targetLeft;
private int targetRight;
private int targetTop;
private int targetBottom; /**
* {@link LayoutValueAnimation} 的辅助参数类，用于指定位移和移动方向 <br>
*
* @author chenjianli
*
*/
public static class LayoutValueParams {
public int size; public static final int DIRECTION_LEFT = 1;
public static final int DIRECTION_RIGHT = 2;
public static final int DIRECTION_TOP = 3;
public static final int DIRECTION_BOTTOM = 4; public int direction; /**
*
* @param size
* 只能是正整数
* @param direction
* 指明运动方向，有<br>
* {@link LayoutValueParams.DIRECTION_LEFT}，<br>
* {@link LayoutValueParams.DIRECTION_RIGHT}，<br>
* {@link LayoutValueParams.DIRECTION_TOP}，<br>
* {@link LayoutValueParams.DIRECTION_BOTTOM}，<br>
*/
public LayoutValueParams(int size, int direction) {
this.size = size;
this.direction = direction;
}
} private LayoutValueParams mParams; public LayoutValueAnimation(LayoutValueParams params, int duration) {
mParams = params;
mDuration = duration;
} // 启动动画
public void startAnimation(View view) {
if (view != null) {
mTargetView = view;
} else {
LogHelper.e(TAG, "view 不能为空");
return;
} if (isFinished) {
mDurationReciprocal = 1.0f / (float) mDuration;
isFinished = false;
// 记录下动画开始的时间
mStartTime = AnimationUtils.currentAnimationTimeMillis();
mDSize = mParams.size;
LogHelper.d(TAG, "mDSize=" + mDSize);
int l = mTargetView.getLeft();
int t = mTargetView.getTop();
int r = mTargetView.getRight();
int b = mTargetView.getBottom();
LogHelper.d(TAG, "startAnimation >原始的> l = " + l + ", t = " + t + ", r = " + r + ", b = " + b);
originalLeft = l;
originalRight = r;
originalTop = t;
originalBottom = b;
mHandler.start();
}
} @Override
public boolean computeSize() {
// TODO Auto-generated method stub
if (isFinished) {
return isFinished;
}
int timePassed = (int) (AnimationUtils.currentAnimationTimeMillis() - mStartTime);
if (timePassed <= mDuration) {
float x = timePassed * mDurationReciprocal;
if (mInterpolator != null) {
x = mInterpolator.getInterpolation(x);
}
switch (mParams.direction) {
case LayoutValueParams.DIRECTION_LEFT:
case LayoutValueParams.DIRECTION_TOP:
mCurrSize = -Math.round(x * mDSize);
break;
case LayoutValueParams.DIRECTION_RIGHT:
case LayoutValueParams.DIRECTION_BOTTOM:
mCurrSize = Math.round(x * mDSize);
break;
}
} else {
isFinished = true;
switch (mParams.direction) {
case LayoutValueParams.DIRECTION_LEFT:
case LayoutValueParams.DIRECTION_TOP:
mCurrSize = -mDSize;
break;
case LayoutValueParams.DIRECTION_RIGHT:
case LayoutValueParams.DIRECTION_BOTTOM:
mCurrSize = mDSize;
break;
}
} // 计算最终目标坐标
switch (mParams.direction) {
case LayoutValueParams.DIRECTION_LEFT:
case LayoutValueParams.DIRECTION_RIGHT:
targetLeft = originalLeft + mCurrSize;
targetRight = originalRight + mCurrSize;
targetTop = originalTop;
targetBottom = originalBottom;
break;
case LayoutValueParams.DIRECTION_TOP:
case LayoutValueParams.DIRECTION_BOTTOM:
targetTop = originalTop + mCurrSize;
targetBottom = originalBottom + mCurrSize;
targetLeft = originalLeft;
targetRight = originalRight;
break;
}
LogHelper.d(TAG, "computeSize >目标> l = " + targetLeft + ", t = " + targetTop + ", r = " + targetRight
+ ", b = " + targetBottom);
applySize();
return isFinished;
} @Override
public void applySize() {
// TODO Auto-generated method stub
if (mTargetView != null && mTargetView.getVisibility() != View.GONE) {
mTargetView.layout(targetLeft, targetTop, targetRight, targetBottom);
}
}
}
卧槽，又有一个类：AbstractAnimation
package org.mrchen.commlib.animation; import android.os.Handler;
import android.os.Message;
import android.view.View;
import android.view.animation.Interpolator; public abstract class AbstractAnimation implements AbstractAnimationImpl { private final int FRAME_TIME = 20;// 一帧的时间 毫秒
protected View mTargetView;// 执行"动画"的目标View
protected Interpolator mInterpolator;// 插值器
protected boolean isFinished = true;// 动画结束标识; protected int mDuration; // 动画运行的时间
protected long mStartTime;// 动画开始时间
protected float mDurationReciprocal;// Reciprocal:相互的，倒数的
protected int mDSize; // 需要改变view大小的增量 private AnimationListener mAnimationListener; public interface AnimationListener {
public void animationEnd(View v);
} public void setOnAnimationListener(AnimationListener listener) {
mAnimationListener = listener;
} public void setInterpolator(Interpolator interpolator) {
mInterpolator = interpolator;
} public boolean isFinished() {
return isFinished;
} public void setDuration(int duration) {
mDuration = duration;
} protected AnimationHandler mHandler = new AnimationHandler(); class AnimationHandler extends Handler {
@Override
public void handleMessage(Message msg) { if (msg.what == 1) {
if (!computeSize()) {
mHandler.sendEmptyMessageDelayed(1, FRAME_TIME);
} else {
if (mAnimationListener != null) {
mAnimationListener.animationEnd(mTargetView);
}
}
}
super.handleMessage(msg);
} public void start() {
sendEmptyMessage(1);
}
} }
没完了：AbstractAnimationImpl
package org.mrchen.commlib.animation;
import android.view.View;
public interface AbstractAnimationImpl {
public boolean computeSize();// 计算变量
public void applySize();// 应用计算的变量
public void startAnimation(View v);// 启动动画
}
好了，代码基本上差不多了，最后贴一下AndroidManifest.xml文件就打工告成了，大家可以运行看下效果。
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="org.mrchen.commlib.example"
android:versionCode="1"
android:versionName="1.0" > <uses-sdk
android:minSdkVersion="8"
android:targetSdkVersion="14" /> <application
android:allowBackup="true"
android:icon="@drawable/ic_launcher"
android:label="@string/app_name"
android:theme="@style/AppTheme" >
<activity
android:name="org.mrchen.commlib.example.LayoutValueAnimationExampleA"
android:label="@string/app_name" >
<intent-filter>
<action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity
android:name="org.mrchen.commlib.example.LayoutValueAnimationExampleB"
android:label="@string/app_name"
android:theme="@style/AppTheme.Transparent" >
</activity>
</application> </manifest>
看来还有主题没贴出来：
<resources> <!--
Base application theme, dependent on API level. This theme is replaced
by AppBaseTheme from res/values-vXX/styles.xml on newer devices.
-->
<style name="AppBaseTheme" parent="android:Theme.Black.NoTitleBar">
<!--
Theme customizations available in newer API levels can go in
res/values-vXX/styles.xml, while customizations related to
backward-compatibility can go here.
-->
</style> <!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme"> <!-- All customizations that are NOT specific to a particular API-level can go here. -->
<item name="android:windowContentOverlay">@null</item>
</style> <style name="AppTheme.Transparent" parent="AppTheme"> <!-- All customizations that are NOT specific to a particular API-level can go here. -->
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:colorBackgroundCacheHint">@null</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@android:style/Animation</item>
</style>
</resources>
