android - anim translate中 fromXDelta、toXDelta、fromYDelta、toXDelta属性

113 篇文章 0 订阅
From: http://blog.csdn.net/ztp800201/article/details/7387668
[java]
view plain copy
  1. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  2.   <translate   
  3.       android:fromXDelta="0"   
  4.       android:toXDelta="100%"   
  5.       android:duration="300"/>  
  6.   
  7.   <alpha   
  8.     android:fromAlpha="0.0"   
  9.     android:toAlpha="1.0"   
  10.     android:duration="300" />  
  11. </set>  


其中:

    translate 位置转移动画效果  
            整型值:  
                fromXDelta 属性为动画起始时 X坐标上的位置  
                toXDelta   属性为动画结束时 X坐标上的位置  
                fromYDelta 属性为动画起始时 Y坐标上的位置  
                toYDelta   属性为动画结束时 Y坐标上的位置  
                注意:  
                         没有指定,  
                         默认是以自己为相对参照物  
            长整型值:  
                duration  属性为动画持续时间  

                说明:   时间以毫秒为单位  

在这些属性里面还可以加上%和p,例如:

android:toXDelta="100%",表示自身的100%,也就是从View自己的位置开始。

android:toXDelta="80%p",表示父层View的80%,是以它父层View为参照的。


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
是的,CSS 的 `animation` 属性可以用来创建动画效果,通过定义动画的关键帧和一些属性,在元素上应用动画属性,从而实现动画效果。 要创建一个动画,需要定义一个 `@keyframes` 规则,该规则定义了动画的关键帧,即动画的开始状态、结束状态和间状态。可以在 `@keyframes` 规则使用百分比或关键字来指定关键帧的位置,然后在 `animation` 属性引用该 `@keyframes` 规则,并指定一些动画属性,例如持续时间、循环次数、是否反向播放等。 下面是一个简单的示例,用于说明 `animation` 属性的用法: ```html <template> <div> <button @click="animate = !animate">Animate</button> <div :class="{ 'animate': animate }"></div> </div> </template> <script> export default { data() { return { animate: false } } } </script> <style> .animate { width: 100px; height: 100px; background-color: red; animation: pulse 2s linear infinite; } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } </style> ``` 在上面的代码,我们定义了一个 `animate` 变量,用于控制动画的播放状态。然后,我们通过点击按钮来切换 `animate` 变量的值,从而触发 `div` 元素的动画效果。 在样式,我们定义了一个 `pulse` 的关键帧规则,该规则定义了动画的三个关键帧,分别是动画开始时的状态、动画间时的状态和动画结束时的状态。然后,在 `div` 元素上应用 `animation` 属性,并引用了 `pulse` 关键帧规则,指定动画持续时间为 2 秒,循环次数为无限,线性变化,即匀速播放。 需要注意的是,`animation` 属性是 CSS3 的新属性,不同浏览器对其支持程度可能会有所不同,需要进行兼容性处理。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值