0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

MIT App InventorのListViewに画像を入れる

Last updated at Posted at 2025-02-17

はじめに

MIT App Inventorで誰しもがチャットアプリを作ってみようかなぁと思ったことがあるでしょう.
LineやInstaには左側にアイコンが縦方向に並んでおり,その右側に名前があります.これの作成方法をメモしておきたく,ここにまとめた.

デザイナー画面

スクリーンショット 2025-02-18 020435.png

機能 内容
ListView 左側に画像,右側にテキストを表示
Button1 ListViewにテキストと画像を追加
Button2 ListViewにテキストと画像を追加

ListViewのPropatiesで表示させるコンテンツ(MainText, DetailText, Image)を変更できる.
スクリーンショット 2025-02-18 020841.png

ブロック画面

スクリーンショット 2025-02-18 021012.png

メモ
Button2だけでも動く

実行画面

Image, MainText, DetailText, (Vertical)
Screenshot_20250218-021040.png

MainText, DetailText, (Vertical)
Screenshot_20250218-021059.png

Image, MainText, (Vertical)
Screenshot_20250218-021126.png

Image, MainText, (Horizontal)
Screenshot_20250218-021300.png

おわりに

ListView内のPropatiesにOrientationがあり,アプリの幅が広がりそう.

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?