AndroidのImageViewの例

Android ImageViewの例

Androidでは、「http://developer.android.com/reference/android/widget/ImageView.html[android.widget.ImageView]」クラスを使用して画像ファイルを表示できます。画像ファイルは使いやすいですが、Androidデバイスのさまざまな画面とdpiのため、マスターするのは困難です。

Note
この公式Androidの「http://developer.android.com/guide/topics/resources/drawable-resource.html [DrawableResource]」および「http：// developer」を参照してください。 .android.com / guide / Practices / screens_support.html [Screen Support]」の記事で、Androidでの画像の動作をよりよく理解できます。

このチュートリアルでは、dpiやさまざまな画面の問題については詳しく説明しませんでした。ImageViewを使用して「png」画像を表示します。ユーザーがボタンをクリックすると、別の「png」画像に変わります。。

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1. リソースに画像を追加

画像をフォルダ「res/drawable-ldpi」、「res/drawable-mdpi」、または「res/drawable-hdpi」に入れます。

下の図を参照してください。どのフォルダーを入れても、Androidは画像を自動的に検出します。この場合、「android.png」と「android3d.png」の両方の画像がデモに使用されます。

android image drawable

Note
繰り返しになりますが、公式のAndroidの「http://developer.android.com/guide/topics/resources/drawable-resource.html [DrawableResource]」と「http：// developer。 android.com/guide/practices/screens_support.html [Screen Support]」の記事で、Androidのdpiとリソースとは何かを理解してください。

2. ImageViewを追加

「res/layout/main.xml」ファイルを開き、デモ用にImageViewとButtonを追加するだけです。デフォルトでは、imageView1は「android.png」を表示します。

ファイル：res / layout / main.xml

3. コードコード

シンプルな、ボタンがクリックされたら、「android 3d.png」に変更します。

ファイル：MyAndroidAppActivity.java

package com.example.android;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Button;
import android.widget.ImageView;
import android.view.View;
import android.view.View.OnClickListener;

public class MyAndroidAppActivity extends Activity {

    Button button;
    ImageView image;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        addListenerOnButton();

    }

    public void addListenerOnButton() {

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

        button = (Button) findViewById(R.id.btnChangeImage);
        button.setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View arg0) {
                image.setImageResource(R.drawable.android3d);
            }

        });

    }

}

4. Demo

アプリケーションを実行してください。

1. 結果、「android.png」が表示されます。

android imageview demo1

2. ボタンをクリックすると、画像が「android 3d.png」に変わります。

android imageview demo2

ソースコードをダウンロード

ダウンロード–Android-ImageView-Example.zip（57 KB）

TOC