質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.51%

  • Java

    15340questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • Android

    7105questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • Android Studio

    4178questions

    Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。

移動先の位置から移動するプログラム

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 895

S.I

score 28

4つのボタン(うえ、した、ひだり、みぎ)を押したら猫の画像が一定の距離を移動するアニメーションをつけました。開始の位置が常に一定のため、最初の位置からの移動しかできません。移動先の場所からさらに移動させるプログラムをつけたいです。

MainActivity.java

public class MainActivity extends AppCompatActivity {

    private ImageView imageView;
    private TranslateAnimation translateAnimation;
    private TranslateAnimation translateAnimation2;
    private TranslateAnimation translateAnimation3;
    private TranslateAnimation translateAnimation4;



    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageView = (ImageView)findViewById(R.id.imageView);

        Button btn1 = (Button)findViewById(R.id.button1);
        btn1.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                startTranslateUp();
            }
        });
        Button btn2 = (Button)findViewById(R.id.button2);
        btn2.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                startTranslateDown();
            }
        });
        Button btn3 = (Button)findViewById(R.id.button3);
        btn3.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                startTranslateLeft();
            }
        });
        Button btn4 = (Button)findViewById(R.id.button4);
        btn4.setOnClickListener(new View.OnClickListener() {
            public void onClick(View view) {
                startTranslateRight();
            }
        });

    }

    private void startTranslateUp(){
        // 設定を切り替え可能
        int type = 0;
        if(type == 0){
            // TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)
            translateAnimation = new TranslateAnimation(
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, -300.0f);
        }
        else if(type == 1){
            translateAnimation = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 1.8f);
        }
        else if(type ==2){
            translateAnimation = new TranslateAnimation(
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.6f);
        }

        // animation時間 msec
        translateAnimation.setDuration(1000);
        // 繰り返し回数
        translateAnimation.setRepeatCount(0);
        // animationが終わったそのまま表示にする
        translateAnimation.setFillAfter(true);
        //アニメーションの開始
        imageView.startAnimation(translateAnimation);
    }

    private void startTranslateDown(){
        // 設定を切り替え可能
        int type = 0;
        if(type == 0){
            // TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)
            translateAnimation2 = new TranslateAnimation(
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 300.0f);
        }
        else if(type == 1){
            translateAnimation2 = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 1.8f);
        }
        else if(type ==2){
            translateAnimation2 = new TranslateAnimation(
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.6f);
        }

        // animation時間 msec
        translateAnimation2.setDuration(1000);
        // 繰り返し回数
        translateAnimation2.setRepeatCount(0);
        // animationが終わったそのまま表示にする
        translateAnimation2.setFillAfter(true);
        //アニメーションの開始
        imageView.startAnimation(translateAnimation2);
    }
    private void startTranslateLeft(){
        // 設定を切り替え可能
        int type = 0;
        if(type == 0){
            // TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)
            translateAnimation3 = new TranslateAnimation(
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, -300.0f,
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 0.0f);
        }
        else if(type == 1){
            translateAnimation3 = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 1.8f);
        }
        else if(type ==2){
            translateAnimation3 = new TranslateAnimation(
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.6f);
        }

        // animation時間 msec
        translateAnimation3.setDuration(1000);
        // 繰り返し回数
        translateAnimation3.setRepeatCount(0);
        // animationが終わったそのまま表示にする
        translateAnimation3.setFillAfter(true);
        //アニメーションの開始
        imageView.startAnimation(translateAnimation3);
    }
    private void startTranslateRight(){
        // 設定を切り替え可能
        int type = 0;
        if(type == 0){
            // TranslateAnimation(int fromXType, float fromXValue, int toXType, float toXValue, int fromYType, float fromYValue, int toYType, float toYValue)
            translateAnimation4 = new TranslateAnimation(
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 300.0f,
                    Animation.ABSOLUTE, 0.0f,
                    Animation.ABSOLUTE, 0.0f);
        }
        else if(type == 1){
            translateAnimation4 = new TranslateAnimation(
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 0.0f,
                    Animation.RELATIVE_TO_SELF, 1.8f);
        }
        else if(type ==2){
            translateAnimation4 = new TranslateAnimation(
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.0f,
                    Animation.RELATIVE_TO_PARENT, 0.6f);
        }

        // animation時間 msec
        translateAnimation4.setDuration(1000);
        // 繰り返し回数
        translateAnimation4.setRepeatCount(0);
        // animationが終わったそのまま表示にする
        translateAnimation4.setFillAfter(true);
        //アニメーションの開始
        imageView.startAnimation(translateAnimation4);
    }
    }
  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 2

+2

xmlではなく、JavaコードでTranslateAnimationをに使った方が早いと思いますよ。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/10/20 01:37

    わかりました。試してみます。

    キャンセル

  • 2017/10/20 17:16

    TranslateAnimationで書き直しました。それぞれのボタンを押した移動先からさらに移動するためにはどう記述したらよいでしょうか…

    キャンセル

  • 2017/10/20 22:08

    移動先からさらに移動するTranslateAnimationを作成し実行してください。

    キャンセル

checkベストアンサー

+1

こうしたらどう?という案ですが。

まず、猫の位置を管理する変数xと変数yを用意します。どこを原点とするかは設計思想次第ですが、ここでは左上を(0, 0)としましょう(その方が計算しやすいので)。ボタンを押す度に、方向に応じてxまたはyを加減算します。ただし、マスの端に到達しているときには計算しません。

アニメーションにはObjectAnimatorを用いたらどうでしょうか。こんな感じのメソッドを用意します。

    void animationImageView(String property, float start, float end) {
        ImageView imageView1 = findViewById(R.id.imageView1);
        ObjectAnimator animator = ObjectAnimator.ofFloat(imageView1, property, start, end);
        animator.setDuration(1000);
        animator.start();
    }

アニメーションが横方向のときは"translationX"を、縦方向のときは"translationY"という文字列を、引数propertyに与えます。startとendは、その方向に移動する開始位置と終了位置です。これを、xまたはyを用いて計算によって求めます。

例えば、「うえ」ボタンを押したときには、

    if (y > 0) {
        float start = 300.0f * y;
        float end = start - 300.0f; // 終了位置を300.0減らした位置に
        animationImageView("translationY", start, end);
        y--;
    }


「した」ボタンを押したときには、

    if (y < 3) {
        float start = 300.0f * y;
        float end = start + 300.0f; // 終了位置を300.0増やした位置に
        animationImageView("translationY", start, end);
        y++;
    }


のような感じになるんじゃないでしょうか。同じ要領で「ひだり」「みぎ」も実装すれば、それっぽくなるかなあと。

短時間で雑に考えたので抜けがあるかもしれませんが。


本題とは関係ない部分についてですがちょっと補足。

        ImageView imageView1 = findViewById(R.id.imageView1);


Android Support Library 26.0.0以上を適用すると、findViewByIdの結果をキャストせずに代入できるようになりました(長年不評だったところをようやく改めたということ)。その前提でサンプルを書いたので上記のようになっています。


(10/25 00:08追記)
文章だけで説明するのが難しいので、ざっくり作成したコードを載せます(ここまでするのはやり過ぎだと他の回答者様に怒られてしまうかもしれないけど)。一応ここではfindViewByIdのキャストは入れました。

このコードでは、縦4マス、横3マスの盤上を猫が移動するものとしています。開始時の猫の位置は左上としているので、xとyの初期値は0としています。

基本的には、ボタンを押して猫を移動させる度にxまたはyを1ずつ増やしています。しかし、猫が端に到達したときにボタンを押したときには効かないようにする処理が必要です。そのためにif文を入れています。

yが0のときは猫が一番上にいるときなので、「うえ」を押したときにyが0より大きいときだけ処理を実行するように、if (y > 0)という条件を入れています。

yが3のときは猫が一番下にいるときなので、「した」を押したときにyが3より小さいときだけ処理を実行するように、if (y < 3)という条件を入れています。

ひだり、みぎについても考え方は同じです。

このコードを見て、イメージを掴んで欲しいなあと。

public class MainActivity extends AppCompatActivity {
    final static float TRANSLATE_X = 300.0f;    // 1回の操作でX軸方向にいくつ動かすか
    final static float TRANSLATE_Y = 300.0f;    // 1回の操作でY軸方向にいくつ動かすか

    // 盤面上の開始座標を初期値として設定する
    private int x = 0;
    private int y = 0;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        Button button1 = (Button) findViewById(R.id.button1);  // うえ
        Button button2 = (Button) findViewById(R.id.button2);  // した
        Button button3 = (Button) findViewById(R.id.button3);  // ひだり
        Button button4 = (Button) findViewById(R.id.button4);  // みぎ

        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 「うえ」を押したときの処理
                if (y > 0) {
                    float start = TRANSLATE_Y * y;
                    float end = start - TRANSLATE_Y;
                    animationImageView("translationY", start, end);
                    y--;
                }
            }
        });
        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 「した」を押したときの処理
                if (y < 3) {
                    float start = TRANSLATE_Y * y;
                    float end = start + TRANSLATE_Y;
                    animationImageView("translationY", start, end);
                    y++;
                }
            }
        });
        button3.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 「ひだり」を押したときの処理
                if (x > 0) {
                    float start = TRANSLATE_X * x;
                    float end = start - TRANSLATE_X;
                    animationImageView("translationX", start, end);
                    x--;
                }
            }
        });
        button4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // 「みぎ」を押したときの処理
                if (x < 2) {
                    float start = TRANSLATE_X * x;
                    float end = start + TRANSLATE_X;
                    animationImageView("translationX", start, end);
                    x++;
                }
            }
        });
    }

    void animationImageView(String property, float start, float end) {
        ImageView imageView1 = (ImageView) findViewById(R.id.imageView1);
        ObjectAnimator animator = ObjectAnimator.ofFloat(imageView1, property, start, end);
        animator.setDuration(1000);
        animator.start();
    }
}

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/10/21 20:28

    提案と補足を丁寧に本当にありがとうございます。自分自身まだ言語の勉強不足で少し時間がかかりそうではあるのですが、こちらをもとに考えていきたいと思います。

    キャンセル

  • 2017/10/24 16:46

    提案していただいたコードについての質問なのですが、if分の(y > 0) や i(y < 3) という部分の意味を教えていただきたいです。

    キャンセル

  • 2017/10/25 00:09

    ざっくり書いたサンプルコードを載せました。そちらに説明もつけましたので、参照してください。

    キャンセル

  • 2017/10/25 10:39

    詳しくてとてもわかりやすい説明ありがとうございます。やっと理解できました!実機でも実行できるようになりました。

    キャンセル

同じタグがついた質問を見る

  • Java

    15340questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • Android

    7105questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • Android Studio

    4178questions

    Android Studioは、 Google社によって開発された、 Androidのネイティブアプリケーション開発に特化した統合開発ツールです。