サイトアイコン ハジカラ

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

こんにちは。

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

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

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

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

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

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

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

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

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

④ ↓ 位置を調整して、真ん中に持っていきます。

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

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

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

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

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

/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
 

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

↓ 上記と同様に、コピー&ペーストします。

↓ 上記①②③④を再度実行します。

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

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

また、次回✋

モバイルバージョンを終了