ハジカラ 〜はじめからでも、プログラミング勉強〜

入門向けに、IT関連(javaやKotlin)をコツコツ書いたり検証したりします。

Home » Android Studio » 【Mac・Android Studio】画像の貼り付け

【Mac・Android Studio】画像の貼り付け

calendar

reload

こんにちは。

今回は、画面上に画像が表示されるようにしてみます。

いつものようにactivity_main.xmlを開き、「Design」タブを選択します😃

① ↓ 左側のPlatte > Common > ImageView を選択し、
  右側のスマホ画面にドラッグします。
画像貼り付け1

② ↓ 別ウィンドウが起動します。ここからは、Mac上のフォルダが選択できなさそうなので一旦閉じます。
画像貼り付け2

↓ Mac上のフォルダから使用したい画像を選び、drawableフォルダにコピー&ペーストします。
  (ドラッグではコピーされませんでした💦)
画像貼り付け3

↓ コピーの確認画面が表示されるので、OKボタンを押します。
画像貼り付け4

↓ drawableフォルダに画像が配置されていることを確認します✋
画像貼り付け5

↓ 上記①②を再度実行します。
  すると、配置した画像が選択できるようになっているので、選択してOKボタンを押します✌
画像貼り付け6

③ ↓ 画面のスマホ上に画面が貼り付けられました。
画像貼り付け7

④ ↓ 位置を調整して、真ん中に持っていきます。
画像貼り付け8

↓ 「Text」タブに切り替えてみると、ImageViewでまた例のConstraintLayoutの制約エラーが出ています。
画像貼り付け9

↓ 以下の4つを足しましょう。これは毎回必要なんですかね・・・💦

app:layout_constraintBottom_toBottomOf=”parent”
app:layout_constraintLeft_toLeftOf=”parent”
app:layout_constraintRight_toRightOf=”parent”
app:layout_constraintTop_toTopOf=”parent”
 

エラーが消えたので、AVD(エミュレータ)を起動します。
↓ 起動しないので、Android Studioに戻ってみると、エラーが出ていました。
画像貼り付け10

↓ 右側欄の文字を書き出すと、こんなエラーです。ようはアップした画像の名前がおかしいと。
  大文字アルファベットになっていますが、小文字でないといけないようです💧

/Users/user/AndroidStudioProjects/MyAppliTry/app/src/main/res/drawable/IMAG0134.jpg: Error: ‘I’ is not a valid file-based resource name character: File-based resource names must contain only lowercase a-z, 0-9, or underscore
 

↓ 画像の名前を小文字にしてやり直し。
画像貼り付け11

↓ 上記と同様に、コピー&ペーストします。
画像貼り付け12

↓ 上記①②③④を再度実行します。
画像貼り付け13

↓ AVDを起動すると、、、、
  画像が表示されました✌
画像貼り付け14

いろいろと操作してみないとわからないものですね😃
今日はここまで。

また、次回✋