AppSheetMemo

AppSheetを使ったスマホアプリ開発メモ。画像メインなのでPC閲覧推奨。

Dashboardビュー

Dashboardビューは複数のビューをひとつの画面にまとめて表示できるビューです。GalleryView、TableView、DeckView、CardViewを用意してみました。

f:id:tanaka0:20210920174757p:plain

 

Dashboardビューを作成すると空のビューができました。Addを押して追加していきます。

f:id:tanaka0:20210920174810p:plain

 

複数のビューが縦に並んで表示されました!順番はドラッグで変えられます。ビューの表示サイズを4種類(Large、Wide、Tall、Small)から選べますが、スマホとかモバイル向け表示の場合は意味がない模様。ビューは何個でも、同じものを何度も追加できる模様ですが見づらくなるのを覚悟。

f:id:tanaka0:20210920174820p:plain

 

タブレット向け表示?にするとサイズが反映される模様。Largeは大きく表示、Wideは横長、Tallは縦長、Smallは小さく表示だと思います。組み合わせ方にセンスが問われます。画面右上のヤツを押すと、別タブが開いて大画面で確認できます。タブレット画面?だとユーザが勝手に各画面のサイズを広げたり狭めたりできる模様。

f:id:tanaka0:20210920174828p:plain

 

Use tabs in mobile viewをONにするとタブ表示にできます。画面下の各ビュー選択部が意味なくなっちゃうので、併用するのであれば各ビューをMenuあたりに隠してしまいましょう。

f:id:tanaka0:20210920174839p:plain

 

Interactive modeをONにすると、ひとつのビューで選択したデータが各ビューで一気に選択状態になります。この状態ではデータ選択時にDetail画面に遷移しなくなりますが、アクションは機能します。どこかにForm表示用やDeleteのActionを用意しておくとよいかと。モバイル向け画面でも同じ動作です。

f:id:tanaka0:20210920180725p:plain

 

以上。