Android 使用动画效果后的控件位置处理 类似系统通知栏下拉动画

Android的动画的使用，请参考。Android的动画，在设计方面，我有点不太理解，觉得这样搞很怪，因为在控件动画后，即使设置了停留在动画结束时的位置，我们也确实看到了控件停在那个位置，但其实该控件的真实位置还是在原来动画前的那里。举个例子，如果有个Button,你给它设置了动画，让它移动到其他位置，当移动完成后，你会发现，点击Button没有任何效果，而在Button原来的位置，就是动画前的位置点击，明明没有任何控件，却看到了点击Button的效果。不知道Google为什么要这样设计。
解决思路：动画不设置结束后停留在结束位置，通过setAnimationListener方法设置动画监听器，在动画结束时，即onAnimationEnd方法中，手动用layout或者setLayoutParams方法把控件移动到动画结束的位置。
范例说明：启动时如下图，一个按钮，按钮上有一条高10像素的白条，其实这是另一个View，但是我把它Y轴设为了负，所以只能看到一部分，另一部分被隐藏在屏幕上方。

按下下拉显示按钮时，那个白色的View会以向下移动，就是下拉动画的效果，显示在屏幕上，如下图：

当点击隐藏后，这个View又会上拉，恢复到第一张图片的样子，显示出原来的下拉显示按钮。

源代码：
布局 main.xml:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent">
	<!-- 因为下面的两个LinearLayout要覆盖，就是显示的位置有重叠，所以，必须使用AbsoluteLayout,绝对布局 -->
	<LinearLayout android:orientation="vertical" android:id="@+id/main"
		android:layout_x="0dp" android:layout_y="0dp" android:layout_width="fill_parent"
		android:layout_height="fill_parent" android:weightSum="1">
		<Button android:layout_width="wrap_content" android:id="@+id/show"
			android:layout_height="wrap_content" android:text="下拉显示" />
	</LinearLayout>
	<LinearLayout android:orientation="vertical" android:id="@+id/selection"
		android:layout_x="0dp" android:layout_y="-190px" android:layout_width="fill_parent"
		android:layout_height="200px" android:background="@color/white">
		<!-- 之所以用 px作单位,是因为设置控件位置的layout方法的参数就是px单位的，单位相同方便计算
			高200,y座标-190，还有10个像素可以看到，是为了方便演示，当然，你也可以设为-200,刚好全部隐藏
		-->
		<Button android:layout_width="wrap_content" android:id="@+id/hidden"
			android:layout_height="wrap_content" android:text="隐藏" />
	</LinearLayout>
</AbsoluteLayout>

两个描述动画的xml文件,show.xml与hidden.xml:
show.xml:

1
2
3
4
5
6
7
8
9
10
11

<?xml version="1.0" encoding="utf-8"?>
<set  xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="0"
android:toXDelta="0"
android:fromYDelta="0"
android:toYDelta="190"
android:duration="1000"
 />
 <!-- 座标好像是相对控件的起始位置的，而不是相对父控件 -->
</set>

hidden.xml:

1
2
3
4
5
6
7
8
9
10

<?xml version="1.0" encoding="utf-8"?>
<set  xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:fromXDelta="0"
android:toXDelta="0"
android:fromYDelta="0"
android:toYDelta="-190"
android:duration="1000"
 />
</set>

主程序代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

package com.test;
 
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.animation.Animation;
import android.view.animation.AnimationUtils;
import android.view.animation.Animation.AnimationListener;
import android.widget.AbsoluteLayout;
import android.widget.Button;
import android.widget.LinearLayout;
 
public class AndroidTestActivity extends Activity
{
	/** Called when the activity is first created. */
	LinearLayout main, selection;
	Button hidden, show;
	@Override
	public void onCreate(Bundle savedInstanceState)
	{
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		main = (LinearLayout) findViewById(R.id.main);
		selection = (LinearLayout) findViewById(R.id.selection);
		hidden = (Button) findViewById(R.id.hidden);
		show = (Button) findViewById(R.id.show);
		show.setOnClickListener(new OnClickListener()
		{
			@Override
			public void onClick(View v)
			{
				// TODO Auto-generated method stub
				Animation showAnim=AnimationUtils.loadAnimation(AndroidTestActivity.this, R.anim.show);
//				translate.setFillAfter(true);
				//如果只用setFillAfter方法保存移动后的位置，真实位置不会移动
				selection.startAnimation(showAnim);
                                  //如果下面的View是一个listview,可能需要先执行selection.requestFocusFromTouch();否则第二次不会显示动画
                                 //需要把下面的控件 enable设为false,防止点中下面的控件
				show.setEnabled(false);
				//必须设为false,因为如果连续点击两次，就会连着执行两次移动位置，并不是我们想要的结果
				//等把拉下的view移回去后，再设为true
				showAnim.setAnimationListener(new AnimationListener(){
 
					@Override
					public void onAnimationEnd(Animation animation)
					{
						// TODO Auto-generated method stub
						hidden.setEnabled(true);
						//当下拉动画结束后，把隐藏的按钮设为可用
						selection.clearAnimation();
						selection.layout(selection.getLeft(), 0, selection.getRight(), 200);
//						selection.setLayoutParams(new AbsoluteLayout.LayoutParams(AbsoluteLayout.LayoutParams.FILL_PARENT, 200, 0, 0){});
						//上面两行功能相同
						//移动控件到动画结束的位置，clearAnimation方法可以清除动画，屏幕就不会闪，没有的话会闪
						//setFillAfter不能为true,虽然即使为true，控件真实位置也不会变，但是我们看到的位置是会变的，如果再用layout方法，我们看到的位置还会再变
						System.out.println(selection.getLeft()+" "+selection.getTop()+" "+selection.getRight()+" "+selection.getBottom());
						//输出移动后的位置，经过测试，如果不使用layout方法移动控件，动画前，动画后，控件的位置都是不变的
						//所以，亲眼所见并非真相
					}
					@Override
					public void onAnimationRepeat(Animation animation)
					{
						// TODO Auto-generated method stub
					}
					@Override
					public void onAnimationStart(Animation animation)
					{
						// TODO Auto-generated method stub
						System.out.println(selection.getLeft()+" "+selection.getTop()+" "+selection.getRight()+" "+selection.getBottom());
					}});
			}
		});
		hidden.setOnClickListener(new OnClickListener(){
 
			@Override
			public void onClick(View v)
			{
				// TODO Auto-generated method stub
				Animation hiddenAnim=AnimationUtils.loadAnimation(AndroidTestActivity.this, R.anim.hidden);
				selection.startAnimation(hiddenAnim);
				hidden.setEnabled(false);
				hiddenAnim.setAnimationListener(new AnimationListener(){
 
					@Override
					public void onAnimationEnd(Animation animation)
					{
						// TODO Auto-generated method stub
						show.setEnabled(true);
						selection.clearAnimation();
//						selection.layout(selection.getLeft(), -190, selection.getRight(), 10);
						selection.setLayoutParams(new AbsoluteLayout.LayoutParams(AbsoluteLayout.LayoutParams.FILL_PARENT, 200, 0, -190){});
						//以上两行，功能相同
					}
 
					@Override
					public void onAnimationRepeat(Animation animation)
					{
						// TODO Auto-generated method stub
 
					}
 
					@Override
					public void onAnimationStart(Animation animation)
					{
						// TODO Auto-generated method stub
 
					}});
 
 
			}});
 
	}
}

源代码就不传了，基本上都在上面了，除了一个定义白色的strings.xml

Android 使用动画效果后的控件位置处理 类似系统通知栏下拉动画

时间： 2024-08-08 13:57:10

Android 使用动画效果后的控件位置处理 类似系统通知栏下拉动画的相关文章

NiftyDialogEffects：集成了多种动画效果的Dialog控件

在这个网站上有很多用js实现的对话框效果:http://tympanus.net/Development/ModalWindowEffects/ 现在有人做出了相同效果的android版本,几乎和上面的一模一样,界面如下: 动画效果: 要查看更多的动画效果请参考上面给出的网站链接. 该项目的git地址为:https://github.com/sd6352051/NiftyDialogEffects 可能该项目是用android studio创建的吧,但是因为被墙的原因android studio

Android抽屉(SlidingDrawer --类似android通知栏下拉效果)

Android抽屉(SlidingDrawer)的实现发 - 红黑联盟http://www.2cto.com/kf/201301/182507.html 可动态布局的Android抽屉之基础http://blog.csdn.net/hellogv/article/details/6789698 android抽屉实现http://blog.csdn.net/wangkuifeng0118/article/details/7229200 Android 使用动画效果后的控件位置处理 类似系统通知栏

自定义SWT控件二之自定义多选下拉框

2.自定义下拉多选框 package com.view.control.select; import java.util.ArrayList; import java.util.HashMap; import java.util.LinkedHashMap; import java.util.List; import java.util.Map; import org.eclipse.swt.SWT; import org.eclipse.swt.custom.CLabel; import or

Html5下拉控件同时支持文本输入和下拉代码

有时候,下拉框不能满足我们的业务需求,还需要同时支持用户输入内容,默认的select标签是不支持用户输入的,下面我说一下原生的select如何支持用户输入,代码如下: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div style="position:relative;"> <span style=&quo

Android - 交换控件位置：基于LayoutParams的瞬间交换与基于ObjectAnimator动画效果交换

现需要交换两个控件(本文中是两个RelativeLayout),找到了两个方法: 1.使用LayoutParams改变两个layout的属性,即其相对关系(below等),实现位置的交换,但是并没有交换的动画效果,是"瞬间"交换. 2.使用animation交换控件位置,实现了我需要的动画效果. 如下图,交换layoutOne 与layoutTwo . 一.首先介绍使用LayoutParams的方法. <span style="font-size:18px;"

《深入理解Android 卷III》第六章 深入理解控件（ViewRoot）系统

<深入理解Android 卷III>即将公布,作者是张大伟.此书填补了深入理解Android Framework卷中的一个主要空白,即Android Framework中和UI相关的部分. 在一个特别讲究颜值的时代,本书分析了Android 4.2中WindowManagerService.ViewRoot.Input系统.StatusBar.Wallpaper等重要"颜值绘制/处理"模块 第6章 深入理解控件(ViewRoot)系统(节选) 本章主要内容: ·  介绍创建

如果写一个android桌面滑动切换屏幕的控件(二)

在viewgroup执行: public void snapToScreen(int whichScreen) { whichScreen = Math.max(0, Math.min(whichScreen, getChildCount() - 1)); boolean changingScreens = whichScreen != mCurrentScreen; mNextScreen = whichScreen; int mScrollX = this.getScrollX(); fin

如果写一个android桌面滑动切换屏幕的控件(三)

下面我们把这个控件内嵌到Layout中做一些动画和展示,效果图: 这个子控件可以上下移动,可以左右滑动,如果上下滑动距离大于左右滑动距离,则必须上下滑动 这样来写onTouch事件: @Override public boolean onTouchEvent(MotionEvent ev) { if (mVelocityTracker == null) { mVelocityTracker = VelocityTracker.obtain(); } mVelocityTracker.addMov

Android support library支持包常用控件介绍(二)

谷歌官方推出Material Design 设计理念已经有段时间了,为支持更方便的实现 Material Design设计效果,官方给出了Android support design library 支持库,让开发者更容易的实现材料设计的效果.顺便推荐官方的一个图标库:Material Icons 控件名称 NavigationView FloatingActionButton TextInputLayout Snackbar TabLayout AppBarLayout Coordinator