在xml中写动画的实例详解

互联网 17-4-25

1. Selector

Android中的Selector主要是用来改变ListView和Button控件的默认背景。

1.创建mylist_view.xml文件首先在res目录下新建drawable文件夹,再在新建的drawable文件夹中新建mylist_view.xml,其目录结构为:res/drawable/mylist_view.xml。2.根据具体需求编辑mylist_view.xml文件新建mylist_view.xml文件后,在没有添加任何属性时其内部代码结构为:

<?xml version="1.0" encoding="utf-8" ?>         <selector xmlns:android="http://schemas.android.com/apk/res/android">          </selector>

下面就可以根据项目需求,在其内部定义为自己想要的样式了,主要属性如下:

<?xml version="1.0" encoding="utf-8" ?>         <selector xmlns:android="http://schemas.android.com/apk/res/android">       <!-- 默认时的背景图片-->          <item android:drawable="@drawable/pic1" />          <!-- 没有焦点时的背景图片 -->          <item android:state_window_focused="false"                 android:drawable="@drawable/pic1" />         <!-- 非触摸模式下获得焦点并单击时的背景图片 -->          <item android:state_focused="true" android:state_pressed="true"   android:drawable= "@drawable/pic2" />       <!-- 触摸模式下单击时的背景图片-->        <item android:state_focused="false" android:state_pressed="true"   android:drawable="@drawable/pic3" />        <!--选中时的图片背景-->          <item android:state_selected="true"   android:drawable="@drawable/pic4" />         <!--获得焦点时的图片背景-->          <item android:state_focused="true"   android:drawable="@drawable/pic5" />         </selector>

3.引用mylist_view.xml文件三种方法可以来引用刚才创建的文件:(1)在ListView中添加如下属性代码android:listSelector="@drawable/mylist_view" (2)在ListView的item界面中添加如下属性代码android:background="@drawable/mylist_view" (3)利用JAVA代码直接编写Drawable drawable = getResources().getDrawable(R.drawable.mylist_view); listView.setSelector(drawable); 为了防止列表拉黑的情况发生,需要在ListView中添加以下的属性代码android:cacheColorHint="@android:color/transparent" 属性介绍:android:state_selected选中android:state_focused获得焦点android:state_pressed点击android:state_enabled设置是否响应事件,指所有事件2. 在XML中写动画Animation也可以放在XML文件中,这样程序的可维护性提高了。在XML中写动画的步骤如下

<set xmlns:android="http://schemas.android.com/apk/res/android"        android:interpolator="@android:anim/accelerate_interpolator">     </set>

Alpha动画

<?xml version="1.0" encoding="utf-8"?>      <set xmlns:android="http://schemas.android.com/apk/res/android"          android:interpolator="@android:anim/accelerate_interpolator">          <alpha              android:fromAlpha="1.0"              android:toAlpha="0.0"              android:startOffset="500"              android:duration="2000"                  />        </set>    Animation a=AnimationUtils.loadAnimation(this, R.anim.alpha);    iv.startAnimation(a);

Scale动画

<?xml version="1.0" encoding="utf-8"?>      <set xmlns:android="http://schemas.android.com/apk/res/android"          android:interpolator="@android:anim/accelerate_interpolator">          <scale              android:fromXScale="1.0"              android:toXScale="0.0"              android:fromYScale="1.0"              android:toYScale="0.0"              android:pivotX="50%"              android:pivotY="50%"              android:duration="2000"          />        </set>

Rotate动画

<?xml version="1.0" encoding="utf-8"?>      <set xmlns:android="http://schemas.android.com/apk/res/android"          android:interpolator="@android:anim/accelerate_interpolator">          <rotate              android:fromDegrees="0"              android:toDegrees="400"              android:pivotX="50%"              android:pivotY="50%"              android:duration="3000"          />        </set>

Translate动画

<?xml version="1.0" encoding="utf-8"?>      <set xmlns:android="http://schemas.android.com/apk/res/android"          android:interpolator="@android:anim/accelerate_interpolator">          <translate              android:fromXDelta="50%"              android:toXDelta="100%"              android:fromYDelta="50%"              android:toYDelta="100%"              android:duration="3000"          />        </set>

这里重点提一下android:pivotX和android:pivotY和android:fromXDelta,android:toXDeltaandroid:pivotX="50"使用绝对坐标android:pivotX="50%"相对自己android:pivotX="50%p"相对父控件这些动画怎么调用的呢?在styles.xml中调用:

<?xml version="1.0" encoding="utf-8"?>    <resources>            <style mce_bogus="1" name="ThemeActivity">            <item name="android:windowAnimationStyle">@style/AnimationActivity</item>             <item name="android:windowNoTitle">true</item>        </style>            <style name="AnimationActivity" parent="@android:style/Animation.Activity" mce_bogus="1">            <item name="android:activityOpenEnterAnimation">@anim/translate</item>             <item name="android:activityOpenExitAnimation">@anim/rotate</item>              <item name="android:activityCloseEnterAnimation">@anim/close_enter</item>               <item name="android:activityCloseExitAnimation">@anim/close_exit</item>        </style>        </resources>

注:在/res 目录下新建 anim 目录,上面的Translate.xml,Scale.xml都是在这个文件夹下新建的。3> Interpolator -- 定义动画变化的速率① AccelerateDecelerateInterpolator: 在动画开始和结束的地方速率改变比较慢,在中间的时候加速;② AccelaerateInterPolotor: 在动画开始的地方速率改变比较慢,然后开始加速;③ CycleInterpolator:动画循环播放特定的次数,速率沿着正弦曲线④ DecelerateInterpolator:在动画结束的地方速率比较慢⑤ LinearInterpolator:动画以匀速运动在xml文件中定义Interpolatorandroid:interpolator="@android:anim/accelerate_interpolator"android:shareInterpolator="true"这样所有的Animation共用一个Interpolator。在代码中用代码设置如下anim.setInterpolator(new AccelerateInterpolator());在new一个AnimationSet中传入true则所有的Animation共用Interpolator。

以上就是在xml中写动画的实例详解的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: xml,动画
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:分享如何订阅没有RSS输出的网站教程

相关资讯