概要 - スクリーン、データベース、レイアウト設定、ユースケース

このテンプレートを使用すると、クリックするとモーダルが開き、画像の拡大バージョンを閲覧できる2列の画像ギャラリーを簡単に作成できます。

画像ギャラリーモーダル機能テンプレートは、不動産リスト、ポートフォリオ、製品カタログ、イベント写真など、多くの画像を持つアプリに特に適しています。2列のギャラリーをクリックするだけで、モーダル内で画像を拡大表示して、没入型の閲覧体験を提供します。視覚的に魅力的かつユーザーフレンドリーにビジュアルを提示したい場合は、このテンプレートが最適なソリューションです。

画面概要:

📚 インストラクション画面

クイックなヒント、ヘルプドキュメント、関連する興味深いテンプレートを使って、テンプレートの概要を素早く把握します。この画面はいつでも削除できます。

ユーザー画面

🏡 写真画面

特定のアイテムの異なる画像をショーケースするために画像のギャラリーリストが画面に表示されます。

🎠 モーダル画像ギャラリー

画像をクリックすると、このモーダルが顧客によるより詳細な検査のためにより大きな画像を表示します。

データベース概要

画像ギャラリーフィーチャーテンプレートには、サンプルデータが含まれたデータベースが付属しています。各Adaloデータベースにはコレクションが含まれ、各コレクションには関連するプロパティが付属しています。コレクション間の必要な関係も設定されています。

データベースに関する重要な注意:

フィーチャーテンプレートからコレクションまたはプロパティを削除すると、アプリの機能に影響する可能性があります。

フィーチャーテンプレートにコレクションまたはプロパティを追加すると、アプリの機能には影響しません。

以下は含まれるコレクションとそのプロパティの概要です。コレクション名は太字で表示され、説明が含まれます。プロパティには、名前、プロパティタイプ(角かっこ内)、説明が含まれます。

基本的なコレクションとプロパティ

👥 ユーザー

ユーザーコレクションは、すべてのAdaloアプリに自動的に付属しています。このコレクションには、アプリを使用するすべてのユーザーに関連する情報が格納されます。この情報は、ユーザーがアプリを使用するためにサインアップする際に最初に収集されます。

  • Email [テキスト] — ユーザーのメールアドレス。

  • Password [暗号化] — アプリにログインするためのユーザーのパスワード。これは管理者を含め、誰にも表示されません。

  • Username [テキスト] — ユーザーのユーザー名。

  • Full Name [テキスト] — ユーザーの名字と名前。

  • Selected Image [数値] — 大きな画像を表示する際に選択された写真に関連する数値。

  • Profile Photo [画像] — ユーザーのプロフィール写真。

🖼️ 画像

画像コレクションには、カルーセルで表示される画像に関するすべての情報が含まれています。

  • Name [テキスト] — 画像の名前。

  • Image [画像] — 画像。

レイアウト設定

画像ギャラリーフィーチャーテンプレートの各画面は、レスポンシブデザインを使用して作成されています。画面はどんなデバイスやタブレットでも見栄えが良いです。

ほとんどの画面はカスタムレイアウトで設計されています。画面に新しいコンポーネントを追加すると、他の画面サイズに影響を与えることがあります。

レイアウトの概要

異なる画面サイズのレイアウトを表示または編集するには、画面タイトルをクリックしてドロップダウンを表示します。

このテンプレートのデフォルトビューはデスクトップです。ビルダーで1つの画面のサイズを変更しても、キャンバス上の他の画面のサイズは変更されません。

非表示コンポーネント

各ビューには、デスクトップでは表示されないがモバイルで表示されるコンポーネントがある場合があります。これらは左側パネルでグレーアウトされ、アイコンで示されます。

どのデバイスコンポーネントが表示されているかを確認する別の方法は、こちらのレイアウトタブです:

カスタムレイアウト

一部のコンポーネントには、画面サイズに基づいたカスタムレイアウトが付属しています。これらの設定を表示するには、レイアウトタブを確認し、カスタムレイアウト設定までスクロールします。

使用例

  • 物件管理者は賃貸物件の最高の資産を紹介できます。

  • ブティックオーナーは最新のファッションのさまざまなアングルを紹介できます。

  • パーソナルトレーナーはさまざまな画像を通じてエクササイズの方法を紹介できます。

  • その他多くの用途があります!

Last updated

Was this helpful?