Android

scale属性によるViewAnimationを用いた簡単なAndroidサンプルアプリ

Posted 2月 26 2014 by NABE  , ,

scale属性によるViewAnimationを用いた簡単なAndroidサンプルアプリ

※はじめに
この記事はAndroidアプリの開発が、初心者であるという方のための記事です。
そのため、なるべく複雑な説明は避け、コピー&ペイストですぐに動くものをご紹介します。
JavaやAndroidを理解されている方で細かい説明が必要な方は、当ブログ内の連載記事である「Android Tips」をご覧ください。

さて、今回はドロイド君の大きさが変わります。

アプリ実行図


サンプルコード

  • activity_main.xml(画面レイアウトファイル)
  • 今回は画像を設置するImageVIewと、動作のキッカケとなるボタンのみ定義しています。
    14行目でImageViewに画像をセットしておりますが、今回はデフォルトの画像を指定しています。

    <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:padding="15dp"
        tools:context=".MainActivity" >
    
        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:src="@drawable/ic_launcher" />
    
        <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/imageView1"
            android:layout_centerHorizontal="true"
            android:text="Button" />
    
    </RelativeLayout>
    


  • MainActivity.java(Activityファイル)
  • 23行目でdrawableフォルダ内の動作命令を読み込んでいます。

    package com.example.viewanimation;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.view.View;
    import android.view.View.OnClickListener;
    import android.view.animation.Animation;
    import android.view.animation.AnimationUtils;
    import android.widget.Button;
    import android.widget.ImageView;
    
    public class MainActivity extends Activity implements OnClickListener {
    
    	ImageView iView;
    	Animation anime;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    
    		iView = (ImageView) findViewById(R.id.imageView1);
    		anime = AnimationUtils.loadAnimation(this, R.anim.animation);
    
    		Button button = (Button) findViewById(R.id.button1);
    		button.setOnClickListener(this);
    	}
    
    	@Override
    	public void onClick(View v) {
    		// startAnimation()でアニメーションの開始
    		iView.startAnimation(anime);
    	}
    }
    


  • animation.xml
  • <?xml version="1.0" encoding="utf-8"?>
    <!-- fromX:アニメーション開始時の水平スケーリング係数 -->
    <!-- fromY:アニメーション開始時の垂直スケーリング係数 -->
    <!-- toX:アニメーション終了時の水平スケーリング係数 -->
    <!-- toY:アニメーション終了時の垂直スケーリング係数 -->
    <!-- pivotX:拡大縮小の原点となるX座標 -->
    <!-- pivotY:拡大縮小の原点となるY座標 -->
    <scale
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="5000"
        android:fromXScale="1.0"
        android:fromYScale="1.0"
        android:pivotX="70%"
        android:pivotY="30%"
        android:toXScale="2.0"
        android:toYScale="2.0" >
        
    </scale>
    

以上でOKです。


Android サンプルアプリ集



  未経験OKの仕事 |  上場企業の仕事 |  高待遇の仕事 |  外資系の仕事 |  社内SEで検索 |  自社サービスで検索





メールアドレス
ご質問・問い合わせ等、ご自由にお書きください。