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

画像を表示させるためにはImageViewクラスか<ImageView>
タグを使います。ここでは画像を表示する方法について説明します。
広 告
目次
前提条件
動作確認端末
- 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