今回はglideのコンポーネント【Layout】について徹底解説していきます。
glideのコンポーネント【Layout】の全容
glide公式リンクはこちら↓
glideの登録方法はこちら
glideのコンポーネント10種類の概要をまるっと解説はこちら
お悩み解決！オープンチャットのやり取りをまとめました。→オープンチャットＱ＆Ａ
Layoutコンポーネント
テキストや画像の配列を調整するコンポーネント。より複雑なレイアウトを表現したい時に使用します。
目的別で3種類あるので必要に応じて使い分けよう。
- Basic Table…表形式でテキストを配置。項目と名称を分かりやすく表示できます。
- Separator…空白や仕切り線を入れることができるコンポーネント。
- Title…画像、タイトル、内容などを組み合わせてレイアウトできます。
詳しく解説していきます。
①Basic Table
設定項目は以下
Title
タイトルを挿入。直接入力かデータから参照するかが選択可能。
DATA
表に挿入する値を選択。行は追加可能。
Footer
フッターにテキストを挿入。
②Separator
設定項目は以下
OPTIONS
Spacingで幅を選択。選べる項目は以下
Show line dividerのチェックを外すと、線が消えます。
③Title
設定項目は以下
DATA
それぞれ対応した箇所にデータを挿入します。
DESIGN
画像or地図を選択、またそれらの表示形式を選択できます。
ACTION
タップした時に発動するアクションを設定できます。
アクションについてはこちらを参照してください→【glide】アクション24種類の概要をまるっと解説
Options
全コンポーネント共通項目です。
VISIBILITY
コンポーネントの表示非表示を設定する項目。
アプリを作っているとある一定の条件を満たしたときだけ表示したい項目が出てきます。そのときに使うのがVISIBILITYです。
まずデータやユーザーを指定して、表示する条件を一覧から選びます。
例えばある一定のユーザーにしか表示されなかったり、何かアクションを起こした人にだけ表示したり…
けっこう使用頻度が高く、使いこなすとワンランク上のアプリが作れるようになります！
知らないと損？作業効率爆上がりグッズ
アプリやツールを開発する際はどうしても作業時間が長くなり、疲れやストレスがたまりがちです。
そんな時にあったら嬉しいお役立ちグッズをまとめました！良いアイデアやツールを生かすため、まずは環境を整えましょう！
おすすめグッズの記事はこちら→PCの作業効率爆あがり！おすすめグッズ大特集！
ノーコードで稼げるの？
はい、可能です。
スキルを身に付けた後どうするか？
分かりやすくまとめました。興味がある方は読んでみてください。
個別相談はこちら
作りたいアプリがあるけどどうやっていいかわからない！というひとがいましたら、個別に相談に乗りますのでこちらのDMへご連絡ください。内容によっては有料でお受けする場合もあります。
Follow @toristan2021Textまとめ
いかがでしたでしょうか？今回はglideで使えるコンポーネントの【Text】について徹底解説しました。一番使う頻度が高いコンポーネントではないかと思います。状況に合わせ種類を使い分けましょう！
glide専用ラインオープンチャット作りました！お気軽にご参加ください。イェイイェイ🐣
