標籤:android
Android 平台提供了兩類動畫,一類是 Tween 動畫,即通過對情境裡的對象不斷做映像變換(平移、縮放、旋轉)產生動畫效果;第二類是 Frame 動畫,即順序播放事先做好的映像。本文分析 Tween動畫的rotate實現旋轉效果。下面直接給出代碼,並且附近中有完整的demo
主類:
public class MainActivity extends ActionBarActivity {
private ImageView infoOperatingIV;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
infoOperatingIV = (ImageView)findViewById(R.id.infoOperating); //圖片對象執行個體化
Animation operatingAnim = AnimationUtils.loadAnimation(this, R.anim.tip); //建立動畫對象並執行個體化,tip為動畫的檔案
LinearInterpolator lin = new LinearInterpolator();
operatingAnim.setInterpolator(lin);
if (operatingAnim != null) {
infoOperatingIV.startAnimation(operatingAnim);
}
}
布局 activity_main.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:layout_gravity="center"
android:gravity="center"
tools:context="com.example.testanimation.MainActivity" >
<ImageView
android:id="@+id/infobg"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/cemung_out_roate"
/>
<ImageView
android:id="@+id/infoOperating"
android:layout_width="200dp"
android:layout_height="200dp"
android:src="@drawable/cemung_in_roate"
/>
</RelativeLayout>
動畫 tip.xml
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<rotate
android:fromDegrees="0"
android:toDegrees="359"
android:duration="1300"
android:repeatCount="-1"
android:pivotX="50%"
android:pivotY="50%" />
</set>
執行個體中的圖片放在
圖片:cemung_in_roate
650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/74/2A/wKiom1YWJfii2T0VAACbw7Fzn1E087.jpg" style="float:none;" title="cemung_in_roate.png" alt="wKiom1YWJfii2T0VAACbw7Fzn1E087.jpg" />圖片: cemung_out_roate
650) this.width=650;" src="http://s3.51cto.com/wyfs02/M02/74/27/wKioL1YWJhDj3NOOAAFKVcrogI8306.jpg" style="float:none;" title="cemung_out_roate.png" alt="wKioL1YWJhDj3NOOAAFKVcrogI8306.jpg" />
效果
中間的黃色圓圈轉動
650) this.width=650;" src="http://s3.51cto.com/wyfs02/M00/74/2A/wKiom1YWJfnz_bayAACpPpQnRm8502.jpg" style="float:none;" title="QQ20151008161402.png" alt="wKiom1YWJfnz_bayAACpPpQnRm8502.jpg" />
本文出自 “android旋轉動畫” 部落格,請務必保留此出處http://7239441.blog.51cto.com/7229441/1700905
android運用旋轉動畫