图片围绕中心无限旋转动画
图片无限旋转动画
平时喜欢拿着手机去听歌,看到qq音乐中有一个图片绕着中心无限旋转 的动画,于是自己动手写了个,给大家分享下。
1 xml布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.rotateanimate.MainActivity" > <Button android:id="@+id/btn_start" android:text="动画开始" android:layout_width="fill_parent" android:layout_height="wrap_content"/> <ImageView android:id="@+id/iv_sharp" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:scaleType="center" android:src="@drawable/shape" /> </RelativeLayout>
2 动画的配置
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <rotate android:fromDegrees="0" android:toDegrees="360" android:duration="5000" android:repeatCount="-1" android:pivotX="50%" android:pivotY="50%" /> </set>
其中:repeatCount = -1 表示无限循环的意思
privotX="50%" 表示旋转中心的X轴为相对于自身的50%,50%p 表示相对于屏幕X轴的50%
privotY="50%" 表示旋转中心的Y轴相对于自身的50%,50%p 表示相对于屏幕Y轴的50%
duration="5000" 表示动画的时间为5000毫秒
3 activity中的代码
package com.example.rotateanimate; import android.os.Bundle; import android.support.v7.app.ActionBarActivity; import android.view.View; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.view.animation.LinearInterpolator; import android.widget.Button; import android.widget.ImageView; public class MainActivity extends ActionBarActivity { private ImageView ivShape; private Button btnBegin; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); ivShape = (ImageView)findViewById(R.id.iv_sharp); btnBegin = (Button)findViewById(R.id.btn_start); final Animation animation = AnimationUtils.loadAnimation(this, R.anim.image_rotate_animate); animation.setInterpolator(new LinearInterpolator()); btnBegin.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { ivShape.startAnimation(animation); } }); } }
需要注意的是:
在xml配置中不能设置旋转的速度,一定要在代码中加上
animation.setInterpolator(new LinearInterpolator());
这段代码才能实现匀速旋转,否则会出现旋转一周后,停顿的情况。
相关推荐
Ladyseven 2020-10-22
mapaler 2020-07-17
云端漂移 2020-07-17
淡风wisdon大大 2020-06-27
lanzhusiyu 2020-06-21
AlisaClass 2020-06-05
jiedinghui 2020-06-04
usepython 2020-05-31
flycony 2020-05-30
88284453 2020-05-09
hqulyc 2020-05-05
yaodilu 2020-04-30
冰蝶 2020-04-20
vavid 2020-04-20
AlisaClass 2020-04-11
ELEMENTS爱乐小超 2020-04-07
lcyangcss 2020-03-28