![Android【アニメーション①】上下移動 768](http://hakoniwadesign.com/wp-content/uploads/2015/12/af87fc05c3790cdae1e0857097afebb3.jpg)
XMLでのシンプルなアニメーションです。
「出来る限り簡単、コピペで出来る」を目指した動画です。
この動画はシリーズ物です。以下の順にご覧ください。
- 【 アニメーション ① 】 ~ 上下移動 ~
- 【 アニメーション ② 】 ~ XML詳細 ~
- 【 アニメーション ③ 】 ~ 回転アニメ ~
- 【 アニメーション ④ 】 ~ 透明化 ~
- 【 アニメーション ⑤ 】 ~ 複合アニメ ~
背景画像
モンスター
プロジェクト、カンパニードメイン、パッケージネームを同じにするとコピペエラーが減ります。
Application name Anim
Company Domain test.com
Package name com.test.anim
![Android-【-アニメーション-】新規プロジェクト](http://hakoniwadesign.com/wp-content/uploads/2015/12/3b29c5814b7883f49dd78fdada15e89a.jpg)
<?xml version="1.0" encoding="utf-8"?>
<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"
tools:context="com.test.anim.MainActivity">
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:scaleType="centerCrop"
android:src="@drawable/back" />
<ImageView
android:id="@+id/monster"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/monster" />
</RelativeLayout>
アニメーション専用のフォルダとファイルを作成します。
ファイルやフォルダの階層と名前を確認してください。
![Android 【 アニメーション ①】ファイル構成](http://hakoniwadesign.com/wp-content/uploads/2015/12/e1e83a1cc795ac35edf27b6b0ef2bcc4-1024x550.jpg)
上下移動を繰り返します。
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android">
<translate
android:duration="1000"
android:fromYDelta="0"
android:toYDelta="10%"
android:repeatMode="reverse"
android:repeatCount="-1"
/>
</set>
アニメーションさせたいタイミングに以下を記載します。
findViewById(R.id.monster).startAnimation(AnimationUtils.loadAnimation(this, R.anim.a1));
アプリケーション起動時にアニメーションをスタートしています。
package com.test.anim;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.animation.AnimationUtils;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_java_1);
findViewById(R.id.monster).startAnimation(AnimationUtils.loadAnimation(this, R.anim.a1));
}
}
![Android 【 アニメーション ①】Java図解](http://hakoniwadesign.com/wp-content/uploads/2015/12/396c088f09cce8b5b7f8469be24ff3d3-1024x550.jpg)