ノーコードでアプリ開発をやってみたいと思ったときにおすすめな「Adalo」です。
Adalo(アダロ)は、簡単にアプリが作れるノンプログラミングツール。
プログラムコードを知らなくてもアプリ製作が可能なツールです。
ここでは、「Adaloのリスト(List)コンポーネント」を紹介します。
目次
Adalo
![](https://hikari-sedori.com/wp-content/uploads/2020/09/2020y09m01d_202236230.jpg)
Adaloは、ノーコードで使えるアプリ開発ツールです。
⇒ https://www.adalo.com/
Adaloを使用するには登録が必要です。
登録方法やエディタ画面は別記事に書いていますので、下記の記事を参考にしてください
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
リスト(List)コンポーネント
リスト(List)は、リスト型式で表示することができるコンポーネントです。
複数の画像とテキストを一つにまとめて表示するときに役立ちます。
![](https://hikari-sedori.com/wp-content/uploads/2021/01/2021y01m28d_110529865.jpg)
リストコンポーネントは、Adaloのエディタ画面の+から追加することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/01/2021y01m29d_152047600.jpg)
adaloのリストコンポーネントは全部で7つあります。
- Simple List:シンプルリスト
- Card List:カードリスト
- Image List:イメージリスト
- Avatar List:アバターリスト
- Horizontal Card List:ホリゾンタルカードリスト
- Horizontal Chip List:ホリゾンタルチップリスト
- Custom List:カスタムリスト
ここでは、Adaloの7つのList(リスト)を紹介します。
Simple List(シンプルリスト)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m26d_201958881.jpg)
シンプルリストは、ベーシックなリストです。
画像とタイトル、字幕をシンプルに表示できます。
アプリのいろいろな場面で使えるコンポーネントです。
Card List(カードリスト)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m25d_212122447.jpg)
アプリに画像とテキスト表示を使用したいときに役に立つコンポーネントです。
カード状に画像を表示させることができるリストです。
カードデザインでお洒落に表示させることが可能。
Image List(イメージリスト)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m24d_215420402.jpg)
画像を表示させることができるリストです。
大きく画像を表示したり、並べたい時に便利です。
Avatar List(アバターリスト)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m20d_194729963.jpg)
アバターを表示させるのに向いています。
アバターを丸く表示したり、四角で表示することもできます。
ログイン時のアバターアイコン表示に使えるコンポーネントがアバターリスト。
Horizontal Card List(ホリゾンタルカードリスト)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m22d_112051214.jpg)
ホリゾンタルカードリストは、横型のカードリストです。
ボタンを追加して表示することができます。
Horizontal Chip List(ホリゾンタルチップリスト)
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m26d_202747512.jpg)
横型の小さめなサイズの画像をアプリに表示させたい時に使えます。
サイズや形状を変えることもできます。
Custom List(カスタムリスト)
自分でカスタムさせて作りたいときは、カスタムリストを使用して作成するといいです。
まとめ
Adaloのリストコンポーネントには7種類のコンポーネントがあります。
リストは、アプリに画像やテキストをリスト型式で表示できます。
表示したデータはプレビューで確認しないと分からないので、プレビューを使用して確認します。
アプリに画像とテキスト表示を使用したいときに役に立つコンポーネントです。
adaloのリストコンポーネントは全部で7つあります。
- Simple List:シンプルリスト
- Card List:カードリスト
- Image List:イメージリスト
- Avatar List:アバターリスト
- Horizontal Card List:ホリゾンタルカードリスト
- Horizontal Chip List:ホリゾンタルチップリスト
- Custom List:カスタムリスト
今回は、「AdaloのList(リスト)」を紹介しました。
ノーコードツールのAdaloを使用する時の参考になればと思います。
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloの画像の入れ方
⇒ Adaloのスクリーン設定
⇒ AdaloのDatabase設定
コメントを残す