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

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

android応用編?

画像ボタンのクリック時へこませる方法

画像を2枚使用して画像をクリックしたときの変化を表現します。

画像を用意する

クリック前の画像を準備する(/drawable/ 以下に配置)

icon_face_off.jpg

クリック後の画像を準備する(/drawable/ 以下に配置)

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);
 	  }
    };
}

実行

クリック前の画像が表示される。

nicoicon_off.jpg

クリックすると画像の色が変わり、画像を押した感じが表現できる。

nicoicon_on.jpg

android開発のご相談は、こちらまでお問い合わせください。

最終更新日: 2010-09-15 (水) 12:55:32 (2596d)

添付ファイル: filenicoicon_on.jpg 1169件 [詳細] filenicoicon_off.jpg 1834件 [詳細] fileicon_face_on.jpg 1339件 [詳細] fileicon_face_off.jpg 2734件 [詳細]

このページをブックマーク:

このページのURL(コピペして利用下さい):

TOP