Java/Android/応用編/画像ボタンのクリック時へこませる方法 の変更点

Top > Java > Android > 応用編 > 画像ボタンのクリック時へこませる方法


[[android応用編]]

**画像ボタンのクリック時へこませる方法
画像を2枚使用して画像をクリックしたときの変化を表現します。

**画像を用意する
クリック前の画像を準備する(/drawable/ 以下に配置)
#ref(icon_face_off.jpg)
クリック後の画像を準備する(/drawable/ 以下に配置)
#ref(icon_face_on.jpg)
**2つの画像を icon_buttons.xml で定義
 <?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android" >
     <item
         android:state_pressed="true"
         android:drawable="@+drawable/icon_face_on">
     </item>
     <item
         android:drawable="@+drawable/icon_face_off">
     </item>
 </selector>
**ImageViewを main.xml に定義
 <?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:orientation="vertical"
     android:layout_width="fill_parent"
     android:layout_height="fill_parent"
     >
  	<ImageView
 		android:id="@+id/top_icon_button"
 		android:src="@drawable/icon_buttons"
 		android:layout_height="wrap_content"
 		android:layout_width="wrap_content"
 		android:layout_gravity="center"
 		>
 	</ImageView>
 </LinearLayout>
**アクティビティ作成 (IconActivity.java)
 package com.android.koichi;
 import com.android.koichi.R;
 import android.app.Activity;
 import android.content.Intent;
 import android.os.Bundle;
 import android.view.View;
 import android.widget.Button;
 import android.widget.EditText;
 import android.widget.ImageView;
 import android.widget.Toast;
 import android.net.Uri;
  
 public class IconActivity extends Activity {
     /** Called when the activity is first created. */
  
   //アイコン画像
   ImageView top_icon_button;
   
   @Override
     public void onCreate(Bundle savedInstanceState) {
          super.onCreate(savedInstanceState);
         setContentView(R.layout.main);
          // 各リソース取得
         this.top_icon_button = (ImageView)findViewById(R.id.top_icon_button);
          //ボタンクリック時の動作を定義
         this.top_icon_button.setOnClickListener(iconOnClickListener);
     }
  
     // アイコンクリック時のイベント
     private Button.OnClickListener iconOnClickListener = new Button.OnClickListener() {
  	  public void onClick(View v) {
  	 // String resourceより取得
 	 CharSequence url = IconActivity.this.getText(R.string.icon_button_link);
 	 // Activityを終了させる
 	 Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url.toString()));
 	  startActivity(intent);
  	  }
     };
 }
**実行
クリック前の画像が表示される。
#ref(nicoicon_off.jpg)
クリックすると画像の色が変わり、画像を押した感じが表現できる。
#ref(nicoicon_on.jpg)



[[android開発のご相談は、こちらまでお問い合わせください。:http://corp.sorich.jp/info/contact.html]]

TOP