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」ファイルを開き、デモ用にImageViewButtonを追加するだけです。 デフォルトでは、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)