トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS

画像の表示 の履歴ソース(No.2)

#author("2024-06-05T22:25:20+09:00","","")
''このページは,古いバージョンのAndroidStudioに沿った説明になっています.''
''新しいバージョンで動作するか未確認,かつ,未更新の部分もあるので,参考にする場合はそれを踏まえておいてください.''
 
 
** 画像の準備 [#s7c20aaf]

テキストだけでなく,画像を表示することもできます.~
まず,適当な画像を用意してください.すぐに使えそうな画像がない場合は下の画像を保存して使ってください.保存場所はデスクトップやマイピクチャフォルダでかまいません.

#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/julia.jpg, ,70%)
#BR

保存したら,画像ファイルをコピーし,AndroidStudioの以下の場所にペーストします.

#BR
 app -> res -> drawable
#BR

図1だと,左側の,中央より少し上あたりです.

#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-1.png, ,60%)
CENTER:図1
#BR

コピーをCtrl-Cでした場合は,↑のフォルダをクリックしたあとにCtrl-V,マウスの右クリックでコピーした場合は,フォルダを右クリックしてペーストしてください.~
コピーすると,図2のような画面が出てきます.このままOKを押してください.

#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-2.png, ,60%)
CENTER:図2
#BR

これで,画像がプログラム内で使用できる形で登録されます.

** 画像の表示 [#u2e56538]

次に,textViewのときと同様に,これを画面内に配置します.~
左側の「Images & Media」から「ImageView」を探し,横のAndroidの画面内にドラッグ&ドロップして配置して下さい.ドロップしたあと,図3のような画面が表示されます.


#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-3.png, ,60%)
CENTER:図3
#BR

上の方に,先ほど登録した画像 julia.jpgがありますので,これを選択します.すると,画面内に画像が表示されます.~
画像の表示の大きさや描画位置を指定したいときは,Propertiesの scaleTypeで設定します(図4).色々選んで,表示がどうなるか確かめてみてください.


#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-4.png, ,60%)
CENTER:図4
#BR