Programming Style

メニュー

初心者がアプリ開発者になるためのプログラミング学習サイト

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

android-imageview-00

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

 

広 告

 

目次

前提条件

動作確認端末

  • Google Nexus 7 – 5.1.1 – API22(実機)

1. ImageViewの概要

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

 

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

 

 

 

 

2. 画像を表示する

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

 

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

 

android-imageview-02

今回の画像ファイル名は「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属性で表示する画像ファイルを指定しています。

 

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

 

android-imageview-01

 

 

 

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

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

 

android-imageview-01

 

 

 

 

3. 参考URL

 

ImageView | Android Developers

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

 

 

 

 

広 告

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です