ViewFlipperにアニメーション設定

package com.android.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AnimationUtils;
import android.widget.ViewFlipper;

public class AndroidTestActivity extends Activity {

 private ViewFlipper viewFlipper;

 /** Called when the activity is first created. */
 @Override
 public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  viewFlipper = (ViewFlipper) findViewById(R.id.viewFlipper1);
 }

 public void MyOnClickButtonNext(View v) {
  viewFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.in_left));
        viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.out_right));
        viewFlipper.showNext();
 }

 public void MyOnClickButtonPrevious(View v) {
  viewFlipper.setInAnimation(AnimationUtils.loadAnimation(this, R.anim.in_right));
        viewFlipper.setOutAnimation(AnimationUtils.loadAnimation(this, R.anim.out_left));
        viewFlipper.showPrevious();
 }
}

res/layout/main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="メイン画面" />

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="MyOnClickButtonPrevious"
            android:text="戻る" />

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="MyOnClickButtonNext"
            android:text="次へ" />
    </LinearLayout>

    <ViewFlipper
        android:id="@+id/viewFlipper1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <include
            android:id="@+id/firstlayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            layout="@layout/first" />

        <include
            android:id="@+id/secondlayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            layout="@layout/second" />

        <include
            android:id="@+id/thirdlayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            layout="@layout/third" />
    </ViewFlipper>

</LinearLayout>

res/layout/first.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一画面" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/vermeer02" android:layout_gravity="center_horizontal"/>

</LinearLayout>

res/anim/in_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
  <translate
    android:fromXDelta="-100%p"
    android:toXDelta="0"
    android:duration="500"/>
</set>

res/anim/in_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set 
  xmlns:android="http://schemas.android.com/apk/res/android">
  <translate
    android:fromXDelta="100%p"
    android:toXDelta="0"
    android:duration="500"/>
</set>

res/anim/out_left.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
  <translate
    android:fromXDelta="0"
    android:toXDelta="-100%p"
    android:duration="500"/>
</set>

res/anim/out_right.xml

<?xml version="1.0" encoding="utf-8"?>
<set
  xmlns:android="http://schemas.android.com/apk/res/android">
  <translate
    android:fromXDelta="0"
    android:toXDelta="100%p"
    android:duration="500"/>
</set>

ViewFlipper

package com.android.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ViewFlipper;

public class AndroidTestActivity extends Activity {
    
 private ViewFlipper viewFlipper;
 /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        viewFlipper = (ViewFlipper) findViewById(R.id.viewFlipper1);

    }
 public void MyOnClickButtonNext(View v) {
  viewFlipper.showNext();
    }
 public void MyOnClickButtonPrevious(View v) {
  viewFlipper.showPrevious();
 }
 public void MyOnClickButtonTherd(View v) {
  viewFlipper.setDisplayedChild(2);
  
 }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="メイン画面" />

    <LinearLayout
        android:id="@+id/linearLayout1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal" >

        <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="MyOnClickButtonPrevious"
            android:text="戻る" />

        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="MyOnClickButtonNext"
            android:text="次へ" />

        <Button
            android:id="@+id/button3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:onClick="MyOnClickButtonTherd"
            android:text="第三画面" />
    </LinearLayout>

    <ViewFlipper
        android:id="@+id/viewFlipper1"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent" >

        <include
            android:id="@+id/firstlayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            layout="@layout/first" />

        <include
            android:id="@+id/secondlayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            layout="@layout/second" />

        <include
            android:id="@+id/thirdlayout"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            layout="@layout/third" />
    </ViewFlipper>

</LinearLayout>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="第一画面" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/vermeer02" 
        android:layout_gravity="center_horizontal"/>

</LinearLayout>

参考：
You must specifiy a valid layout reference. The layout ID @layout/xxx　と表示された場合、
Eclipseを再起動させる。

ViewSwicherにアニメーション設定

ViewSwicherで画面切り替えの記事
に画面が切り替わる時のアニメーションを設定する。

/res/anim フォルダにアニメーションファイルを二つ作成する

main.xmlファイルにアニメーションを設定する。

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout0"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ViewSwitcher
        android:id="@+id/viewSwitcher1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:inAnimation="@anim/in_animation"
        android:outAnimation="@anim/out_animation" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/monalisa" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/botticelli1" />

    </ViewSwitcher>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:onClick="MyOnClickButton"
        android:text="Button" />

</LinearLayout>

ViewSwicherで画面切り替え

ViewSwicher　では二つのViewを切替える事が出来るようです。

パレットからViewSwicherをLinearLayoutの中に追加して、
ViewSwicherの中にImageViewを二つ追加しました。
ボタンをクリックしたら、ImageViewが切り替わります。

package com.android.test;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ViewSwitcher;

public class AndroidTestActivity extends Activity {
    private ViewSwitcher viewSwitcher;
 /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        viewSwitcher = (ViewSwitcher) findViewById(R.id.viewSwitcher1);
    }
 public void MyOnClickButton(View v) {
  viewSwitcher.showNext();
    }
}

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/linearLayout0"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <ViewSwitcher
        android:id="@+id/viewSwitcher1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1" >

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/monalisa" />

        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical|center_horizontal"
            android:src="@drawable/botticelli1" />

    </ViewSwitcher>

    <Button
        android:id="@+id/button1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:onClick="MyOnClickButton"
        android:text="Button" />

</LinearLayout>

画面遷移-アニメーション

アニメーションファイルを４つ作成して画面遷移の際に指定するだけ
startActivityForResult・・・の下に
overridePendingTransition(R.anim.slide_in_right, R.anim.slide_out_left);
の一文を加える

メイン画面のActivityファイル

package com.slide;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class SlideTestActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
 public void ButtonOnClick(View v){
      Intent subactivity = new Intent(this,com.slide.SubActivity.class);
      startActivityForResult(subactivity, R.id.button1);
      overridePendingTransition(R.anim.slide_in_right, R.anim.slide_out_left);
     }
}

サブ画面のActivityファイル

package com.slide;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class SubActivity extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.sub);
    }
 public void ButtonOnClick(View v){
      Intent subactivity = new Intent(this,com.slide.SlideTestActivity.class);
      startActivityForResult(subactivity, R.id.button1);
      overridePendingTransition(R.anim.slide_in_left,R.anim.slide_out_right);
     }
}

メイン画面のレイアウトファイル
main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="メイン画面" />
    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="次へ" android:onClick="ButtonOnClick"/>

</LinearLayout> 

サブ画面のレイアウトファイル
sub.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:text="サブ画面" />
    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="戻る" android:onClick="ButtonOnClick"/>

</LinearLayout>

アニメーションファイルを用意する
resフォルダの中にanimフォルダを作成して、そこにxmlファイルを作成する。

次のアクティビティが右から登場
slide_in_right.xml

<?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:duration="300"
        android:fromXDelta="100%p"
        android:toXDelta="0" />

    <alpha
        android:duration="300"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

現在のアクティビティが左に消える
slide_out_left.xml

<?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:duration="300"
        android:fromXDelta="0"
        android:toXDelta="-100%p" />

    <alpha
        android:duration="300"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>

元のアクティビティが左から登場
slide_in_left.xml

<?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:duration="300"
        android:fromXDelta="-100%p"
        android:toXDelta="0" />

    <alpha
        android:duration="300"
        android:fromAlpha="0.0"
        android:toAlpha="1.0" />

</set>

二つ目のアクティビティが右に退場
slide_out_right.xml

<?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:duration="300"
        android:fromXDelta="0"
        android:toXDelta="100%p" />

    <alpha
        android:duration="300"
        android:fromAlpha="1.0"
        android:toAlpha="0.0" />

</set>

サブ画面をマニフェストファイルに追加するのを忘れないようにする。
ダウンロード

画面移動の際に値を送る

画面移動の記事を修正する。

res/values/strings.xml　にsend_string を設定する

SecondScreen.javaのソース

package com.secondScreen;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class SecondScreen extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
    
    public void ButtonOnClick(View v){
     Intent subactivity = new Intent(this,com.secondScreen.SubActivity.class);
     
     subactivity.putExtra(this.getString(R.string.send_string), "送られる文字列");
     
     startActivityForResult(subactivity, R.id.button1);
     
    }
}

画面移動のソースに
subactivity.putExtra(this.getString(R.string.send_string), "送られる文字列");
の１行が加わっただけです。

受け取る側
SubActivity.javaのソース

package com.secondScreen;

import android.app.Activity;
import android.os.Bundle;
import android.widget.TextView;

public class SubActivity extends Activity {
 
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.sub);
        
        //送られてくる文字列を受け取る
        String displayMessage = getIntent().getStringExtra(this.getString(R.string.send_string));
        
        //表示されるテキストに送られてきた文字列を設定
        TextView message = (TextView)this.findViewById(R.id.sub_text);
        message.setText(displayMessage);
    }
}

ダウンロード

画面遷移(移動)

アプリケーション内で別アクティビティを起動させます。

プロジェクトを作成
プロジェクト名：SecondScreen
ビルドターゲット：Android 2.2
プロパティー
アプリケーション名：SecondScreen
パケージ名：com.secondScreen
Create Activity：SecondScreen
Min SDK Version：8

res/layout/main.xml　にボタンを配置
ボタンが押された時の動作をOn click　に設定する。
設定する値はButtonOnClick

res/layout/main.xml をコピーしてsub.xml　を作成し、内容を変更して第２画面を作る。

最初の画面のアクティビティSecondScreen.java　をコピーして
SubActivity を作成し、ソースを変更し第２画面のアクティビティを作る。
変更する部分：
setContentView(R.layout.main);　を
setContentView(R.layout.sub);　に変更する。
AndroidManifest.xml にSubActivityを加える

SecondScreen.java にボタンが押された時の動作を設定する。

SecondScreen.javaのソース

package com.secondScreen;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class SecondScreen extends Activity {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
    }
    
    public void ButtonOnClick(View v){
     Intent subactivity = new Intent(this,com.secondScreen.SubActivity.class);
     startActivityForResult(subactivity, R.id.button1);
    }
}

sub.xmlのボタンに　android:onClick="ButtonOnClick"　を付け加えるのを忘れないように ダウンロード