`
阅读更多

                        前面我们的动画完全用代码实现,看起来又烦又糟糕,又不好修改,能不能定义一种规范,或者模板直接调用呢,这里教你用xml文件配置我们之前实现的所有动画,符合MVC设计原理,又干净整洁大方。

首先定义一个alpha.xml模板

合理我们实现一个淡入淡出的效果,所以呢在res下新建一个文件夹,专门用来定义动画的anim

然后新建alpha.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android" >
<alpha
    android:fromAlpha="1.0"
    android:toAlpha="0.0"
    android:duration="3000"
    
    
    />
</set>

然后主main.xml放一张图片,定义onclick方法beginxml

主函数Activity代码为:

public class MainActivity extends Activity {

	
	ImageView image;
  
    ViewGroup group;
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	
		image=(ImageView)super.findViewById(R.id.image);
		
		//group=(ViewGroup)super.findViewById(R.layout.activity_main);
		
		
	}
	public void beginxml(View v){
		Animation a=AnimationUtils.loadAnimation(MainActivity.this, R.anim.alpha);
		image.startAnimation(a);
		
	}
	

 

短短几行代码就实现了如下效果:



 

 然后我们定义缩放的,异曲同工,建立scale.xml代码如下

 <scale
       android:fromXScale="1.0"
       android:toXScale="0.0"
       android:fromYScale="1.0"
       android:toYScale="0.0"
       android:repeatCount="3"
       android:pivotX="50%"
       android:pivotY="50%"
       android:startOffset="100"
       android:duration="3000" 
        
        />

Activity代码实现同上,只不过位置要变化到scale位置

实现效果如下:



 接下来我们实现旋转

代码:

<rotate
    android:fromDegrees="0.0"
    android:toDegrees="360.0"
    android:pivotX="50%p"
    android:pivotY="50%p"
    android:duration="3000"
xmlns:android="http://schemas.android.com/apk/res/android"/>

 Activity配置同上

效果:

 

 一个个实现是否已经嫌累了,这样,我们定义打包实现,建立all.xml

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
    <translate 
     android:fromXDelta="0.0"
     android:toXDelta="50%"
     android:fromYDelta="0.0"
     android:toYDelta="150%"
     android:duration="3000" />
     <scale
       android:fromXScale="1.0"
       android:toXScale="0.0"
       android:fromYScale="1.0"
       android:toYScale="0.0"
       android:repeatCount="3"
       android:pivotX="50%"
       android:pivotY="50%"
       android:startOffset="100"
       android:duration="3000" 
        
        />

</set>

 

实现原理如上,实现效果叠加

 

 

  • 大小: 37 KB
  • 大小: 28 KB
  • 大小: 7.9 KB
  • 大小: 13.9 KB
1
0
分享到:
评论

相关推荐

    android\动画xml文档说明.txt

    总结了android中常用的动画,XML配置文件分析

    Android 加载动画的实现

    Android加载动画的简单实现,&lt;?xml version="1.0" encoding="utf-8"?&gt; xmlns:android="http://schemas.android.com/apk/res/android" android: &lt;item android:duration="130" android:drawable="@...

    Android程序技术:动画属性动画.pptx

    布局文件:activity_main.xml,非常简单,四个按钮,一个ImageView。;这里使用相对布局作为整体布局,布局中通过四个按钮的点击事件,分别实现图片imageview 的垂直移动,缩放,旋转透明度和圆形旋转的变化效果。;...

    基于Android平台的拼图游戏设计源码

    这些文件详细展示了如何使用Android平台和Java语言开发一款具有难度更换、时间统计和移动步数统计等功能的拼图游戏,利用安卓的动画函数实现移动效果,并采用线性布局LinearLayout和ListView。非常适合用于学习和...

    精通ANDROID 3(中文版)1/2

    7.5 通过XML文件加载菜单  7.5.1 XML菜单资源文件的结构  7.5.2 填充XML菜单资源文件  7.5.3 响应基于XML的菜单项  7.5.4 其他XML菜单标记简介  7.6 资源  7.7 小结  第8章 使用对话框  8.1 使用...

    在Android上使用浮动操作按钮(FAB)的乐趣-Android开发

    功能可通过布局xml文件进行完全配置可以附着到布局中的任何视图自动调整附着位置两种fab大小(“正常”和“小”)很好的显示和触摸动画使用示例要将FabView附着到目标视图,请执行以下操作:下列的。 用FrameLayout...

    疯狂Android讲义源码

     6.5.2 使用原始XML文件 237  6.6 使用布局(Layout)资源 239  6.7 使用菜单(Menu)资源 239  6.7.1 定义菜单资源 239  6.7.2 使用菜单资源 240  6.8 样式(Style)和主题(Theme)  资源 243  6.8.1 样式...

    精通Android 3 (中文版)2/2

    7.5 通过XML文件加载菜单  7.5.1 XML菜单资源文件的结构  7.5.2 填充XML菜单资源文件  7.5.3 响应基于XML的菜单项  7.5.4 其他XML菜单标记简介  7.6 资源  7.7 小结  第8章 使用对话框  8.1 使用...

    安卓实现动态皮肤源码.zip

    安卓实现动态皮肤源码是像电脑软件那样动态的切换程序的皮肤主题实现多样化,皮肤主题实现了点击即可自动解压出zip里面的文件动画xml文件跟图片实现主题的动态切换,最大亮点就是实现像UC皮肤一样的背景和按钮按钮...

    新版Android开发教程.rar

    的 Android SDK 提供了在 Android 平台上使用 JaVa 语言进行 Android 应用开发必须的工具和 API 接口。 特性 • 应用程序框架 支持组件的重用与替换 • Dalvik Dalvik Dalvik Dalvik 虚拟机 专为移动设备优化 • ...

    android群雄传

    第7章 Android动画机制与使用技巧 162 7.1 Android View动画框架 163 7.1.1 透明度动画 163 7.1.2 旋转动画 163 7.1.3 位移动画 164 7.1.4 缩放动画 164 7.1.5 动画集合 164 7.2 Android属性动画分析 165 ...

    《Google Android 揭秘》(美) W.Frank Ableson 著

    2.4.3 模拟器配置文件 46 2.5 调试 47 2.6 小结 48 第二部分 Android SDK实战 第3章 用户界面 50 3.1 创建活动 51 3.1.1 创建Activity类 52 3.1.2 探讨活动的生命周期 57 3.2 使用视图 60 3.2.1 通用视图 60 3.2.2 ...

    Android自定义View实现波浪动画

    本文实例为大家分享了Android自定义View实现波浪动画的具体代码,供大家参考,具体内容如下 效果演示 代码调用与实现效果 xml中调用 &lt;developer android:...attrs.xml文件中,进行属性配置 &lt;?xml version=1.0 enc

    Android应用开发入门教程

    4.2.2.AndroidManifest.xml文件42 4.2.3.源代码文件42 4.2.4.布局文件43 4.2.5.其他资源文件43 4.3 HelloActivity的编译结构43 4.4 SkeletonApp的程序的运行44 4.5 SkeletonApp的源文件结构44 4.6 SkeletonApp的...

    Android自定义ImageView实现自动放大缩小动画

    这篇讲的是如何生成一个自定义的ImageView,实现自动放大缩小动画。 为什么实现这个功能呢?因为我想在ViewPager实现图片放大缩小的动画,但是...第一种情况实在XML布局文件中直接添加的: public class Cool

    Android UI组件实例集合

    1、Android显示GIF动画 GifView GifView 是一个为了解决android中现在没有直接显示gif的view,只能通过mediaplay来显示这个问题的项目,其用法和 ImageView一样,支持gif图片 使用方法:1-把GifView.jar加入你的项目...

    Android实现页面滑动切换动画

    本文实例为大家分享了Android实现页面滑动切换动画的具体代码,供大家参考,具体内容如下 实现两个页面滑动切换,一些相册的效果也是如此 一个Activity的界面配置文件 activity_main.xml: &lt;?xml version=1.0 ...

    深入Android应用开发 核心技术解析与最佳实践

    第3章系统地展示了各种常用的UI控件的使用方法及原理,并对XML和Java这两种控件属性配置方式和适用场景进行了分析和比较;第4章深入阐述了Android的数据存储与管理;第5章分析了Android在UI层、框架层和内核层的通信...

Global site tag (gtag.js) - Google Analytics