属性动画的使用

最新推荐文章于 2024-12-20 01:25:49 发布
转载 最新推荐文章于 2024-12-20 01:25:49 发布 · 374 阅读 · 0

在Android的3.0之后，google又提出了属性动画的这样一个框架，他可以更好的帮助我们实现更丰富的动画效果。所以为了跟上技术的步伐，今天就聊一聊属性动画。

这一次的需求是这样的：当点击一个View的时候，显示下面隐藏的一个View，要实现这个功能，需要将V iew的visibility属性设置gone为visible即可，但是这个过程是一瞬间的，并不能实现我们要的效果。所以，属性动画是个不错的方案。

先把效果贴上

第一个：


 第二个：

前面的这个是隐藏着，后面这个是显示的。当点击这个箭头的时候，来切换显示或者隐藏。

现在开始编码：

布局文件如下

?
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
< LinearLayout xmlns:android = "http://schemas.android.com/apk/res/android"
   xmlns:tools = "http://schemas.android.com/tools"
   android:layout_width = "match_parent"
   android:layout_height = "match_parent"
   android:orientation = "vertical"
   tools:context = "com.ltl.mpiggybank.MainActivity" >
 
   < RelativeLayout
     android:layout_width = "match_parent"
     android:layout_height = "wrap_content"
     android:background = "#458EFD"
     android:padding = "10dip" >
 
     < TextView
       android:layout_width = "wrap_content"
       android:layout_height = "wrap_content"
       android:layout_centerInParent = "true"
       android:gravity = "center_vertical"
       android:text = "下拉展开动画"
       android:textColor = "#ffffff"
       android:textSize = "20sp" />
   </ RelativeLayout >
 
   < LinearLayout
     android:layout_width = "match_parent"
     android:layout_height = "wrap_content"
     android:background = "#548AEA"
     android:gravity = "center"
     android:orientation = "vertical" >
 
     < TextView
       android:layout_width = "wrap_content"
       android:layout_height = "wrap_content"
       android:layout_margin = "20dip"
       android:text = "昨日收益(元)"
       android:textColor = "#ffffff"
       android:textSize = "16sp" />
 
     < TextView
       android:layout_width = "wrap_content"
       android:layout_height = "wrap_content"
       android:text = "0.00"
       android:textColor = "#ffffff"
       android:textSize = "45sp" />
   </ LinearLayout >
 
   < LinearLayout
     android:id = "@+id/linear_hidden"
     android:layout_width = "match_parent"
     android:layout_height = "120dip"
     android:background = "#548AEA"
     android:gravity = "center"
     android:orientation = "vertical" >
 
     < TextView
       android:layout_width = "wrap_content"
       android:layout_height = "wrap_content"
       android:layout_margin = "20dip"
       android:text = "显示的View"
       android:textColor = "#ffffff"
       android:textSize = "16sp" />
 
     < TextView
       android:layout_width = "wrap_content"
       android:layout_height = "wrap_content"
       android:text = "0.00"
       android:textColor = "#ffffff"
       android:textSize = "35sp" />
   </ LinearLayout >
 
   < LinearLayout
     android:layout_width = "match_parent"
     android:layout_height = "wrap_content"
     android:background = "#548AEA"
     android:gravity = "center"
     android:onClick = "onClick"
     android:orientation = "vertical" >
 
     < ImageView
       android:id = "@+id/my_iv"
       android:layout_width = "25dip"
       android:layout_height = "25dip"
       android:layout_margin = "20dip"
       android:src = "@drawable/scroll" />
   </ LinearLayout >
 
</ LinearLayout >

这里面代码并不多，也很简单，三个线性布局，里面装载着各自的控件，并且还设置了ID。按钮是一个线性布局，采用了onClick自身的点击事件。接下来，当点击了这个线性布局的时候，需要隐藏的控件最终到达一个高度，这个就是我们的目标值，只需要通过布局中的dp转换成像素就行了。

?
1
2
mDensity = getResources().getDisplayMetrics().density;
mHiddenViewMeasuredHeight = ( int ) (mDensity * 120 + 0.5 );

这里是120就是我们布局里面定义的高度。

然后给这个过程增加一个动画效果。

?
1
2
3
4
5
6
7
8
9
10
11
12
ValueAnimator animator = ValueAnimator.ofInt(start, end);
   animator.addUpdateListener( new AnimatorUpdateListener() {
 
     @Override
     public void onAnimationUpdate(ValueAnimator arg0) {
       int value = (int) arg0.getAnimatedValue();
       ViewGroup.LayoutParams layoutParams = v.getLayoutParams();
       layoutParams.height = value;
       v.setLayoutParams(layoutParams);
 
     }
   });

通过这样一个简单的ValueAnimator ，就可以很方便的实现显示和隐藏的动画效果了。 
下面是完整的代码。

?
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
import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ValueAnimator;
import android.animation.ValueAnimator.AnimatorUpdateListener;
import android.os.Bundle;
import android.support.v7.app.ActionBarActivity;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.animation.Animation;
import android.view.animation.RotateAnimation;
import android.widget.ImageView;
import android.widget.LinearLayout;
 
public class MainActivity extends ActionBarActivity {
   private LinearLayout mHiddenLayout;
 
   private float mDensity;
 
   private int mHiddenViewMeasuredHeight;
 
   private ImageView mIv;
 
   @Override
   protected void onCreate(Bundle savedInstanceState) {
     super .onCreate(savedInstanceState);
     requestWindowFeature(Window.FEATURE_NO_TITLE);
     setContentView(R.layout.activity_main);
 
     mHiddenLayout = (LinearLayout) findViewById(R.id.linear_hidden);
     mIv = (ImageView) findViewById(R.id.my_iv);
 
     mDensity = getResources().getDisplayMetrics().density;
 
     mHiddenViewMeasuredHeight = ( int ) (mDensity * 120 + 0.5 );
 
   }
 
   public void onClick(View v) {
     if (mHiddenLayout.getVisibility() == View.GONE) {
       animateOpen(mHiddenLayout);
       animationIvOpen();
     } else {
       animateClose(mHiddenLayout);
       animationIvClose();
     }
   }
 
   private void animateOpen(View v) {
     v.setVisibility(View.VISIBLE);
     ValueAnimator animator = createDropAnimator(v, 0 ,
         mHiddenViewMeasuredHeight);
     animator.start();
 
   }
 
   private void animationIvOpen() {
     RotateAnimation animation = new RotateAnimation( 0 , 180 ,
         Animation.RELATIVE_TO_SELF, 0 .5f, Animation.RELATIVE_TO_SELF,
         0 .5f);
     animation.setFillAfter( true );
     animation.setDuration( 100 );
     mIv.startAnimation(animation);
   }
 
   private void animationIvClose() {
     RotateAnimation animation = new RotateAnimation( 180 , 0 ,
         Animation.RELATIVE_TO_SELF, 0 .5f, Animation.RELATIVE_TO_SELF,
         0 .5f);
     animation.setFillAfter( true );
     animation.setDuration( 100 );
     mIv.startAnimation(animation);
   }
 
   private void animateClose( final View view) {
     int origHeight = view.getHeight();
     ValueAnimator animator = createDropAnimator(view, origHeight, 0 );
     animator.addListener( new AnimatorListenerAdapter() {
       @Override
       public void onAnimationEnd(Animator animation) {
         view.setVisibility(View.GONE);
       }
 
     });
     animator.start();
   }
 
   private ValueAnimator createDropAnimator( final View v, int start, int end) {
     ValueAnimator animator = ValueAnimator.ofInt(start, end);
     animator.addUpdateListener( new AnimatorUpdateListener() {
 
       @Override
       public void onAnimationUpdate(ValueAnimator arg0) {
         int value = ( int ) arg0.getAnimatedValue();
         ViewGroup.LayoutParams layoutParams = v.getLayoutParams();
         layoutParams.height = value;
         v.setLayoutParams(layoutParams);
 
       }
     });
     return animator;
   }
 
}
Android深入研究之View的可见性检测
Alexlee1986的专栏
06-14 1万+
一、背景   在Android开发中，我们常常会对View的可见性visiblity进行操作或者检查。常见的场景有： 在消息流中，根据ImageView是否在屏幕中出现了再决定是否加载； 在视频流页面，当视频滑入屏幕被用户可见时播放，滑出屏幕就自动停止播放等等； 网络请求数据，根据返回的数据结果控制相应View可见或不可见； 需要根据view是否可见或第一次可见，做特殊的处理，如埋点上报等操作。...
鸿蒙ArkUI开发-属性动画的使用
m0_62167422的博客
01-25 2139
属性动画，是最为基础的动画，其功能强大、使用场景多，应用范围较广。简单来说，属性动画是组件的通用属性发生改变时而产生的属性渐变效果。如下图所示，其原理是，当组件的通用属性发生改变时，组件状态由初始状态逐渐变为结束状态的过程中，会创建多个连续的中间状态，逐帧播放后，就会形成属性渐变效果，从而形成动画。
android view 判断可见,android View.isShown() 和 getVisibility() 的区别
weixin_39805195的博客
05-27 872
有时候，我们会判断当前我们的View 是否可见。常见的判断如：View.getVisibility() == View.VISIBLE还有一种是View.isShown().这两种有什么区别呢？我们看下的源码：getVisibility 源码：@Visibilitypublic int getVisibility() {return mViewFlags & VISIBILITY_MASK...
Android getVisibility()返回值对应的状态
qq_34024778的博客
11-12 3678
https://blog.csdn.net/vachel1014/article/details/47319713 返回值为0，visible；返回值为4，invisible；返回值为8，gone。
Android getVisibility()返回值对应的状态
Vachel1014的专栏
08-06 1万+
返回值为0，Gone；返回值为4，invisible；返回值为8，visible。
Android View的可见性检查方法
热门推荐
爱孔孟
05-17 2万+
一、背景 在Android开发中有时候会遇到需要检查一个View是不是对用户可见，比如在消息流中，根据ImageView是否在屏幕中出现了再决定加载它，或者当视频滑入屏幕被用户可见时才播放、滑出屏幕就自动停止播放等等。乍一看好像都是在ListView、RecyclerView、ScrollView这些组件里面比较需要做这件事，今天总结一下我在实际开发中是怎么处理View可见性检查的。
Android动画的使用——属性动画
最新发布
2401_89308094的博客
12-20 918
从打印日志的值我们就可以看出，ValueAnimator确实已经在正常工作了，值在300毫秒的时间内从0平滑过渡到了1，而这个计算工作就是由ValueAnimator帮助我们完成的。
android View.isShown() 和 getVisibility() 的区别
男儿不展风云志，空有天生八尺躯
10-23 3020
有时候，我们会判断当前我们的View 是否可见。 常见的判断如： View.getVisibility() == View.VISIBLE 还有一种是 View.isShown(). 这两种有什么区别呢？我们看下的源码： getVisibility 源码： @Visibility public int getVisibility() { return mView...
关于View在后台的getVisibility的坑
星光的专栏
12-20 6112
今天遇到了一个坑，直播间界面，用户清屏后，所有的View都不显示，恢复清屏后，所有的View都恢复显示。 为了判断此时是清屏还是非清屏状态，直接随便判断一个View的显示状态： public boolean isVisibility(){     return textView.getVisibility() == View.VISIBLE; } 奇怪的事情发生了，虽然所有的View都显
Android view getVisibility()的值
zjy_hll的专栏
12-29 8918
（1）0    --------   VISIBLE    可见 （1）4    --------   INVISIBLE    不可见但是占用布局空间 （1）8    --------   GONE    不可见也不占用布局空间
Android实现从底部弹出页面以及显示与隐藏显示部分View
Small_Lee的博客
05-27 5438
效果图（从底部弹出页面）代码从效果图上我们可以看到，当点击按钮时，启动了一个从底部出现的页面，直至占满整个屏幕，这种效果是怎么实现的，接下来就带大家来实现一下。 先看Java代码public class HomeActivity extends AppCompatActivity { private Dialog dialog; @Override protected vo
Android开发中的小技巧
攻城狮for Android
08-24 433
1、View中的isShown()方法，以前都是用view.getVisibility()== View.VISIBLE来判断； 2、Arrays类中的asList(T...array)方法，数组转List集合；反过来List.toArray()； 3、android.text.format.Formatter类中formatFileSize(Context,long)方法，用来格式化
Android在指定View的下方显示PopupWindow
魏成林的专栏
09-17 1万+
今天工作不忙，所以就把这些年做Android开发的一些经验技巧陆续写到博客上，一来是做自己的备忘，二来是可以帮助大家提高自己的技能。 大家在做下面的弹出层时用的应该都是android的PopupWindow吧（不排除有人直接用ListView盖在上面的）， 那么PopupWindow是怎么显示在“全部商圈”的正下方呢？这里就要计算一下了，但是并不是每个人都擅长去计算的。 那我把自己写的计算的
当点击一个View时,显示下面隐藏的一个View(折叠的动画效果)
RELY_ON_YOURSELF的博客
05-06 6288
先写一个简单的布局 , 用于点击和隐藏 , 如下:<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" andro
android开发 View的getVisibility()返回值
不二
09-19 5286
android开发  View的getVisibility()返回值 在开发过程中有地方需要判断view的状态，本以为view.getVisibility()会返回true或者false，测试之后发现返回值并不是这样。 1）visible       0 2）invisible    1 3）gone          3
view.isShown ()与view.getVisibility() == View.VISIBLE的用法区别
hkw1991的博客
09-09 2618
转载:http://blog.csdn.net/u011494050/article/details/41700207
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值