ノーコードでアプリ開発をやってみたいと思ったときにおすすめなのが「Adalo」です。
Adalo(アダロ)は、簡単にアプリが作れるノンプログラミングツール。
プログラムコードを知らなくてもアプリ製作が可能なツールです。
ここでは、「AdaloのVectorコンポーネントの使い方」を紹介します。
Adalo
![](https://hikari-sedori.com/wp-content/uploads/2020/09/2020y09m01d_202236230.jpg)
Adaloは、ノーコードで使えるアプリ開発ツールです。
⇒ https://www.adalo.com/
Adaloを使用するには登録が必要です。
登録方法やエディタ画面は別記事に書いていますので、下記の記事を参考にしてください
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
Vectorコンポーネント
Vector(ベクター)は、アプリに座標を使いスペースを入れることができるコンポーネントです。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_115331464.jpg)
アプリに座標を決めてスペースを入れることができます。
Vectorコンポーネントは、Simple COMPONENTの中にあり、アプリに追加することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/01/2021y01m28d_110529865.jpg)
Adaloのエディタ画面の+からコンポーネントを追加できます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m08d_100257086.jpg)
Simpleでは、以下のようなフォームとフィールドがあります。
Simpleコンポーネントの中にVectorがあり、アプリに指定した枠を表示することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_110508092.jpg)
ここでは、AdaloのVectorコンポーネントを紹介します。
Vectorコンポーネントの使い方
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_114818770.jpg)
Vectorコンポーネントは、座標を基に枠を入れることができるコンポーネントです。
サイズ、ラインの太さ、種類を設定することができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_110549827.jpg)
設定では、指定したエリアの色や線の形状を変更することができます。
【Vectorコンポーネント設定】
- Background:表示/非表示 カラー選択
- Boder:表示/非表示 カラー選択
- Add Action
線のカラーは、カラーチャートから選択できます。
ブランディングで選んだカラーは、下のパレットにあり選択できます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_110645075.jpg)
Boderで線を表示すると、枠の線の太さや種類を変更できます。
下の+ADD ACTIONでは、アクション設定を行えます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_111852638.jpg)
クリックしたときのアクションを追加できます。
クリックした時に、他のスクリーンに飛ばしたりすることもできます。
下のEDIT STYLEをクリックすると、スタイルの詳細編集ができます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_110654147.jpg)
【EDIT STYLE】
- Fixed:Top、Bottom、None
- Size:サイズ
- Opacity:不透明度
サイズや透明度をEDIT STYLEで変更できます。
Vectorを削除したい場合は、上部の詳細からできます。
![](https://hikari-sedori.com/wp-content/uploads/2021/02/2021y02m13d_111908142.jpg)
詳細の中にDelets(削除)があります。ここで作成したものを削除することができます。
今回は、「AdaloのVectorコンポーネント」を紹介しました。
Simpleでは、他に以下のようなフォームとフィールドがあります。
ノーコードツールのAdaloを使用する時の参考になればと思います。
⇒ Adaloの登録方法
⇒ Adaloのエディタ画面
⇒ コンポーネントとスクリーンの追加設定
⇒ Adaloのナビゲーションコンポーネント
⇒ YouTubeを表示するコンポーネント
コメントを残す