`
shuai1234
  • 浏览: 932937 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

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

 
阅读更多
 
[java] view plaincopy
 
  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为参照的。

分享到:
评论

相关推荐

    Android-Anim-Playground.zip

    Android-Anim-Playground.zip,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。

    Android代码-Android-Anim-Playground

    Android-Anim-Playground Latest animation ideas I developed to make apps more attractive. Why having such a repository? Through all projects I've been through, no matter how reliable the app you are ...

    论文研究-基于H-anim的数字化人机设计研究.pdf

    为实现数字化人机工程,引入数字化人体模型来统一表达人机测量尺度、肢体动作特征和作业空间范围等人机要素,并提出基于H-anim的数字化人体建模方法,结合VRML原型节点建立了三维的,具有真实感的人体尺寸模型,利用...

    Android-Anim-PlaygroundAndroid源代码

    提供了三种动画效果的库,包括progress动画,svg动画以及Fragment动画,其中Fragment动画非常实用,他不是Fragment之间切换的动画而是进入Fragement的动画,效果非常自然。

    banner-anim:Animate Banner React组件

    rc-banner-anim React BannerAnim组件浏览器支持 IE 10以上 :check_mark: Chrome31.0+ :check_mark: Firefox 31.0+ :check_mark: Opera 30.0+ :check_mark: Safari 7.0以上 :check_mark:发展npm installnpm start...

    queue-anim:对队列中的React组件进行动画处理

    rc队列动画多亏了和 ,使队列中的React Component。例子用法import QueueAnim from 'rc-queue-anim' ;import React from 'react' ;import ReactDom from 'react-dom' ;ReactDom . render ( &lt; QueueAnim&gt; ...

    batik-anim-1.7.jar

    java运行依赖jar包

    batik-anim-1.8.jar

    java运行依赖jar包

    scroll-anim:Animate Scroll React组件

    rc-scroll-anim React ScrollAnim组件 浏览器支持 IE 10以上 :check_mark: Chrome31.0+ :check_mark: Firefox 31.0+ :check_mark: Opera 30.0+ :check_mark: Safari 7.0以上 :check_mark: 发展 npm install ...

    android-transition-anim:简单的Android Transition动画

    android-transition-anim 对于我的博客文章 ,仅提供一些简单的Android Transition动画。...将4个.xml文件复制到您的Android项目的res/anim文件夹中。 然后,您可以在代码中引用例如R.anim.pull_in_left

    jQuery-Sprite-Anim, 没有大小/帧限制的jQuery sprite动画库.zip

    jQuery-Sprite-Anim, 没有大小/帧限制的jQuery sprite动画库 Sprite动画 版简介jQuery Sprite动画是一个简单的Sprite动画库。 jQuery已经有许多优秀的sprite动画库可用。 这个库有几种不同的方式,从它的他任何方面...

    CSS-Anim-开源

    CSS-Anim是一个框架,通过使用关键帧更改CSS属性,可以轻松创建动画。 然后,可以用一行代码对单个或多个属性进行动画处理。

    icon-anim:图标切换或变形动画React Element

    rc-icon-anim React IconAnim组件 浏览器支持 IE 9+ :check_mark: Chrome31.0+ :check_mark: Firefox 31.0+ :check_mark: Opera 30.0+ :check_mark: Safari 7.0以上 :check_mark: 发展 npm install npm start ...

    swift-anim是一个用Swift编写的动画库拥有简单的声明式API

    anim 是一个用Swift编写的动画库,拥有简单的声明式API

    loss-landscape-anim:为神经网络的优化轨迹创建动画

    动画化神经网络的优化轨迹 loss-landscape-anim允许您在神经网络的损耗格局的2D切片中创建动画优化路径。 它基于 ,如果要添加自己的模型,请遵循其建议的样式。 请查看我的文章以获取更多示例和一些直观说明。0....

    react-native-simple-anim-toggle

    react-native-simple-anim-toggle

    sprite-anim:简单的Spritesheet动画引擎

    精灵动画sprite-anim是一个简单的spritesheet动画引擎。安装npm install sprite-anim --save 特征通用API(播放/暂停/停止/ gotoAndPlay / gotoAndStop /处理) 使用数据(JSONArrayParser),自动使用尺寸(Simple...

    android 动画 anim 4种demo

    android 动画 anim 4种demo

    layer-anim:一个基于 KISSY 的 javascript 动画小部件

    分层动画组件(LayerAnim)作者:你还在为某些动画效果的实现而绞尽脑汁吗?手头的组件做不出自己想要的效果?现有的组件难以使用?对浏览器兼容性问题一筹莫展?有了LayerAnim,这些都已不再是问题!...

    s-anim:球形全景的动画立体投影

    s-anim是立体动画师的缩写。 它将一组等距柱状投影图像重新映射到立体投影中的一组图像,也称为小行星投影。 对于重新映射,可以指定关键帧,以创建类似于相机路径的东西。 安装 使用Node.js的包管理器安装: npm ...

Global site tag (gtag.js) - Google Analytics