android动画介绍--Animation 实现loading动画效果

Animation的使用方法并不难。这里简单的介绍一下使用方法。

先看效果图:


效果还是不错的吧。 下面来看看使用方法。

动画效果是通过Animation来实现的,一共有四种,分别为:

AlphaAnimation : 渐变透明度动画

ScaleAnimation:  尺寸渐变动画

TranslateAnimation: 水平移动动画

RotateAnimation:  旋转动画

那么为了实现我的效果图上的效果呢。我们所有的动画都使用到了。

首先我们在Activity的布局文件中加入一个ImageView和一个TextView,使他们在布局居中。

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
       
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
非常感谢您的提问,以下是关于CSS3动画常用属性的视频脚本,其中包括animation-duration、animation-name、animation-delay、animation-iteration-count和animation-direction的详细介绍。 CSS3动画是为了能够在网页中实现更加生动、有趣的动态效果而被广泛使用的技术。它可以让我们通过代码来控制元素的动态变化,包括移动、缩放、旋转、淡入淡出等效果。要实现这些动态效果,我们需要使用一些CSS3动画的常用属性。 1. animation-duration属性 animation-duration属性指定动画的持续时间,它可以被定义为一个时间值,例如1s、2s、3s等。在CSS3动画中,我们可以使用animation-duration属性来控制动画的播放时间,从而实现不同的效果。 例如,我们可以通过设置animation-duration属性来控制一个元素在1秒内淡出: ```css .fade-out { animation-name: fade-out; animation-duration: 1s; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } ``` 2. animation-name属性 animation-name属性指定动画的名称,它可以被定义为一个自定义的名称,例如fade-out、slide-in等。在CSS3动画中,我们可以使用animation-name属性来指定元素应用哪种动画效果。 例如,我们可以通过设置animation-name属性为fade-out来让元素应用一个淡出的动画效果: ```css .fade-out { animation-name: fade-out; animation-duration: 1s; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } ``` 3. animation-delay属性 animation-delay属性指定动画的延迟时间,它可以被定义为一个时间值,例如1s、2s、3s等。在CSS3动画中,我们可以使用animation-delay属性来控制动画的开始时间,从而实现不同的效果。 例如,我们可以通过设置animation-delay属性为2秒来让元素在2秒后开始淡出: ```css .fade-out { animation-name: fade-out; animation-duration: 1s; animation-delay: 2s; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } ``` 4. animation-iteration-count属性 animation-iteration-count属性指定动画的重复次数,它可以被定义为一个数字值或者关键字,例如1、2、infinite等。在CSS3动画中,我们可以使用animation-iteration-count属性来控制动画的重复次数,从而实现不同的效果。 例如,我们可以通过设置animation-iteration-count属性为2来让元素的淡出动画只重复2次: ```css .fade-out { animation-name: fade-out; animation-duration: 1s; animation-iteration-count: 2; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } ``` 5. animation-direction属性 animation-direction属性指定动画的播放方向,它可以被定义为一个关键字,例如normal、reverse、alternate等。在CSS3动画中,我们可以使用animation-direction属性来控制动画的播放方向,从而实现不同的效果。 例如,我们可以通过设置animation-direction属性为alternate来让元素的淡出动画来回播放: ```css .fade-out { animation-name: fade-out; animation-duration: 1s; animation-direction: alternate; } @keyframes fade-out { from { opacity: 1; } to { opacity: 0; } } ``` 总的来说,animation-duration、animation-name、animation-delay、animation-iteration-count和animation-direction是CSS3动画中非常重要的属性,它们可以让我们精确控制动画的播放时间、动画的名称、动画的延迟时间、动画的重复次数以及动画的播放方向,从而实现各种不同的动态效果。希望这个视频脚本能够帮助您更好地理解这些属性的使用方法。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值