2024 Socio Informatics Seminar Wiki Site
画像の表示
をテンプレートにして作成
開始行:
** 画像の準備 [#s7c20aaf]
テキストだけでなく,画像を表示することもできます.~
まず,適当な画像を用意してください.すぐに使えそうな画像...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/samp...
#BR
保存したら,画像ファイルをコピーし,起動中のAndroidStudio...
#BR
app -> res -> drawable
#BR
図1だと,左側の,中央より少し上あたりです.
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-1....
CENTER:図1
#BR
コピーをCtrl-Cでした場合は,↑のフォルダをクリックしたあと...
マウスでドラッグ&ドロップした場合は,図2のように「移動...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-1-...
CENTER:図2
#BR
コピーすると,図3のような画面が出てきます.このままOKを...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-2....
CENTER:図3
#BR
これで,画像がプログラム内で使用できる形で登録されます.
** 画像の表示 [#u2e56538]
次に,textViewのときと同様に,これを画面内に配置します.~
左側の「Common」か「Widgets」から「ImageView」を探し,横...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-3-...
CENTER:図4
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-3....
CENTER:図5
#BR
下の方に,先ほど登録した画像 sample.jpgがありますので,こ...
画像の角をドラッグすると画像の大きさが変えられます.~
配置についても,テキストのときと同様に,周りに〇をくっつ...
興味があれば,右側のAttributesの中身を色々変えて,表示が...
~
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-4....
CENTER:図6
#BR
追加したImageViewの横に△!マークがついている場合は,アイ...
今回は「Image without 'ContentDescription'と出てきている...
基本的に警告は無視して大丈夫ですが,気になる場合は,Code...
#BR
tools:ignore="ContentDescription"
#BR
終了行:
** 画像の準備 [#s7c20aaf]
テキストだけでなく,画像を表示することもできます.~
まず,適当な画像を用意してください.すぐに使えそうな画像...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/samp...
#BR
保存したら,画像ファイルをコピーし,起動中のAndroidStudio...
#BR
app -> res -> drawable
#BR
図1だと,左側の,中央より少し上あたりです.
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-1....
CENTER:図1
#BR
コピーをCtrl-Cでした場合は,↑のフォルダをクリックしたあと...
マウスでドラッグ&ドロップした場合は,図2のように「移動...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-1-...
CENTER:図2
#BR
コピーすると,図3のような画面が出てきます.このままOKを...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-2....
CENTER:図3
#BR
これで,画像がプログラム内で使用できる形で登録されます.
** 画像の表示 [#u2e56538]
次に,textViewのときと同様に,これを画面内に配置します.~
左側の「Common」か「Widgets」から「ImageView」を探し,横...
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-3-...
CENTER:図4
#BR
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-3....
CENTER:図5
#BR
下の方に,先ほど登録した画像 sample.jpgがありますので,こ...
画像の角をドラッグすると画像の大きさが変えられます.~
配置についても,テキストのときと同様に,周りに〇をくっつ...
興味があれば,右側のAttributesの中身を色々変えて,表示が...
~
#BR
#ref(http://www.wakayama-u.ac.jp/~itou/SISeminar/img/4-4....
CENTER:図6
#BR
追加したImageViewの横に△!マークがついている場合は,アイ...
今回は「Image without 'ContentDescription'と出てきている...
基本的に警告は無視して大丈夫ですが,気になる場合は,Code...
#BR
tools:ignore="ContentDescription"
#BR
ページ名: