转载请注明出处:http://blog.youkuaiyun.com/ruils/article/details/16922557
最近有人问我金山清理大师桌面上的一键加速的动画是如何实现的,我下了个金山清理大师装在手机上,体现了一把,感觉还不错,所以就花了点时间研究了一下。
先看看效果:
点一下,
第一感觉就是在Window中增加View的做法来实现的,像360卫士的悬浮窗那样,而且这个动画效果会随着一键加速图标在桌面上的位置改变而改变,放在什么地方就从什么地方开始做动画,放在左边屏幕,就会向右边做动画,放在右边屏幕会向左边做动画,在自己的代码中怎么才能知道自己的图标所在屏幕的位置呢,百思不得其解,后来看了下Log,才发现其中的奥秘
Log:
I/ActivityManager(595): START u0 {act=android.intent.action.MAIN flg=0x10000000 cmp=com.cleanmaster.mguard_cn/com.cleanmaster.processcleaner.ProcessCleanerActivity bnds=[216,385][376,585]} from pid 866
从log中可以看出,点击一键加速的图标,实现上是启动了一个activity,而且还带有参数:bnds=[216,385][376,585],我去找了下Lanucher中的代码,
packages/apps/Launcher2/src/com/android/launcher2/
Launcher.java
2001 Object tag = v.getTag();
2002 if (tag instanceof ShortcutInfo) {
2003 // Open shortcut
2004 final Intent intent = ((ShortcutInfo) tag).intent;
2005 int[] pos = new int[2];
2006 v.getLocationOnScreen(pos);
2007 intent.setSourceBounds(new Rect(pos[0], pos[1],
2008 pos[0] + v.getWidth(), pos[1] + v.getHeight()));
2009
2010 boolean success = startActivitySafely(v, intent, tag);
2011
2012 if (success && v instanceof BubbleTextView) {
2013 mWaitingForResume = (BubbleTextView) v;
2014 mWaitingForResume.setStayPressed(true);
2015 }
2016 } else if (tag instanceof FolderInfo) {
只有在点击一个快捷方式的时候,才会有附带坐标信息,原来这个一键加速是个快捷方式!现在明白了,点击一个快捷方式图标的时候,Lanucher会把此快捷方式的矩形的坐标放在Intent中传给所启动的activity。
intent.setSourceBounds
既然知道这个坐标是怎么放的了,那取出来就简单了:
intent.getSourceBounds();
那接下来就一步一步实现这个动画
程序中用到的图片资源,我是从金山清理大师的APK中拿出来的,仅供学习参考之用!
1.首先要添加一个快捷方式到桌面
请参考我写的另外一篇博客:
2.创建这个快捷方式启动的Activity.
这个activity得是透明的,我们创建一个Style
<style name="Transparent">
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowNoTitle">true</item>
</style>
然后把这个Style应用到这个Activity上:
<activity
android:name="com.cleanmanager.AnimationActivity"
android:theme="@style/Transparent" >
<intent-filter>
<action android:name="android.intent.action.MAIN" />
</intent-filter>
</activity>
注意给Activity加上<action android:name="android.intent.action.MAIN" />,因为这个Activity要从别的程序(Lanucher)中启动,所以这个Activity要能够做为一个启动的入口。
3. 在onCreate方法中,把动画所需要的布局文件显示在快捷方式所在的位置:
// 取得Lanucher传过来的所点击的快捷方式的矩形坐标。
rect = intent.getSourceBounds();
if (rect == null) {
finish();
return;
}
Log.d(TAG, rect.toShortString());
mRelativeLayout = (RelativeLayout) findViewById(R.id.framelayout);
mShortcut = (RelativeLayout) findViewById(R.id.shortcut);
backImageView = (ImageView) findViewById(R.id.clean_back);
roateImageView = (ImageView) findViewById(R.id.clean_rotate);
// iconmageView = (ImageView) findViewById(R.id.clean_icon);
textView = (TextView) findViewById(R.id.text);
// DisplayMetrics dm = new DisplayMetrics();
int width = getWindowManager().getDefaultDisplay().getWidth();
int hight = getWindowManager().getDefaultDisplay().getHeight();
Log.d(TAG, "width = " + width);
Log.d(TAG, "hight = " + hight);
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) mShortcut
.getLayoutParams();
layoutParams.topMargin = rect.top - (rect.bottom - rect.top) / 4;
// 判断快捷方式在屏幕的哪一边,如果在左边,伸缩动画就会向右,如果在右边,伸缩动画向左。
if (rect.left < width / 2) {
direction = Direction.RIGHT;
layoutParams.leftMargin = rect.left;
} else {
direction = Direction.LEFT;
layoutParams.addRule(RelativeLayout.ALIGN_PARENT_RIGHT);
layoutParams.rightMargin = width - rect.right;
Log.d(TAG, "rightMargin = " + (width - rect.right));
}
mRelativeLayout.updateViewLayout(mShortcut, layoutParams);
快捷方式在屏幕左边的时候,就以左边为基准,快捷方式在屏幕右边的时候,就以右边为基准。
4.在onAttachedToWindow的时候,开始做旋转动画。 我们模拟金山清理大师正在清理,两秒钟之后,清理完了,开始做伸缩了
@Override
public void onAttachedToWindow() {
super.onAttachedToWindow();
// 旋转动画开始
roateImageView.startAnimation(AnimationUtils.loadAnimation(this,
R.anim.rotate_anim));
// 假设垃圾清理了两秒钟,然后开如做伸缩动画。
mHandler.sendEmptyMessageDelayed(MESSAGE_ROTATE_FINISHED, 2000);
}
5.把旋转动画清除,然后开始拉伸updateWidth();
private Handler mHandler = new Handler() {
public void handleMessage(android.os.Message msg) {
switch (msg.what) {
case MESSAGE_ROTATE_FINISHED:
mWidth = backImageView.getWidth();
Log.d(TAG, "mWidth = " + mWidth);
updateWidth();
roateImageView.clearAnimation();
roateImageView.setVisibility(View.INVISIBLE);
break;
case MESSAGE_UPDATE_WIDTH:
updateWidth();
break;
default:
break;
}
};
6.主要是通过不停的加大拉伸ImageView的宽度来实现拉伸动画。实现方式有很多种,可以自定义View,以后我会讲解如何自定义View,这里用的比较简单的方式实现的。
定义宽度到达以前宽度的2.5倍就线束动画,显示文字。
private void updateWidth() {
// 宽度没有达到原来宽度的2.5度,继续做动画
if (backImageView.getWidth() <= 2.5f * mWidth) {
RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) backImageView
.getLayoutParams();
// 每次增加20的宽度,可以自行设置,和用户体验有关系,可自行调整
layoutParams.width = backImageView.getWidth() + 20;
mShortcut.updateViewLayout(backImageView, layoutParams);
// 继续发更新消息。也可发送delay消息,和用户体验有关系,<span style="font-family: Arial, Helvetica, sans-serif;">可自行调整</span>
mHandler.sendEmptyMessage(MESSAGE_UPDATE_WIDTH);
} else {
textView.setVisibility(View.VISIBLE);
}
};
看下效果:
点一下,
如果您喜欢这篇文章请点赞哦!
最后附上源码:
示例源码下载:http://download.youkuaiyun.com/detail/u012379847/6604299
Github地址:https://github.com/seashell752/CleanManager