Programming Style

[Android] ImageView:画像を表示する

画像を表示させるためにはImageViewクラスか<ImageView>タグを使います。ここでは画像を表示する方法について説明します。

広 告

目次

• 1. ImageViewの概要
• 2. 画像を表示する
• 3. 参考URL

前提条件

• Android Studioでプロジェクトが作成済であること

動作確認端末

• Google Nexus 7 – 5.1.1 – API22（実機）

1. ImageViewの概要

画像を表示させるためにはImageViewクラスか、<ImageView>タグを使います。

ImageViewクラスはViewクラスの子クラスであるため、Viewクラスのメソッドを使用することが可能です。

2. 画像を表示する

レイアウトXMLを使って画像を表示させるためには、<ImageView>タグを使用します。画像ファイルの指定ははandroid:src属性で指定します。

まずはリソースフォルダの中に画像ファイルを格納します。

今回の画像ファイル名は「himawari.jpg」です。

レイアウトXMLを使用してImageViewを表示するためには以下の記述をします。

res/layout/activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<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"
    tools:context=".MainActivity"
    >

    <ImageView
        android:id="@+id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:src="@drawable/himawari"
        />

</RelativeLayout>

<ImageView>タグでandroid:src属性で表示する画像ファイルを指定しています。

アプリを実行すると以下のように画像が画面に表示されます。

Javaコードで画像を扱うためにはImageViewクラスを使用します。表示する画像を指定する場合は、ImageView#setImageResource(int)を使用します。

以下に実装例を示します。

MainActivity.java

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final ImageView image = (ImageView) findViewById(R.id.imageview);
        image.setImageResource(R.drawable.himawari);
    }
}

アプリを実行すると以下のように画像が表示されます。

3. 参考URL

ImageView | Android Developers

http://developer.android.com/intl/ja/reference/android/widget/ImageView.html

広 告

• 
  twitter
• 
  facebook