閉じる

ブログ

アプリの一覧シーンのレイアウトをマウス操作で手軽に編集

操作アップデート カスタムレイアウト編集

Platioでは、入力したレコードの一覧を表示する画面である「一覧シーン」について、表示フォーマットを選択できます。表示フォーマットは、あらかじめ決められたレイアウトの種類を選択できるほか、フィールドの配置やサイズなどのレイアウトを自由にカスタマイズすることもできます。

直近のアップデートでは、これまでボタンで指定していたレイアウトの編集を、マウス操作で直接行えるようになりました。この記事では、より操作しやすくなったレイアウト編集の操作方法を紹介します。

一覧シーンの表示フォーマット「カスタム」とは?

Platioの一覧シーンでは、表示したいフィールドの値の配置やサイズを自由に調整できます。たとえば、点検記録を一覧表示する場合、写真を大きく表示し、その横に点検日や担当者を並べるといったレイアウトを作成できます。

アプリの一覧表示

一覧シーンのプロパティ設定から「表示フォーマット」で「カスタム」を選択し、「レイアウトを編集」をクリックして表示される編集画面で好みのレイアウトに設定できます。

Platio Studio 入庫報告

レイアウトの編集画面でマウス操作が可能に

実際のレイアウトを見ながら「もう少し右へ」「あと少し大きく」と調整したいとき、これまでは行・列の数や項目の位置やサイズは数値を変更するボタンをクリックして対応する必要があり、少し手間に感じることもあったのではないでしょうか。

今回のアップデートにより、カスタムレイアウトの編集画面上でフィールドやラベル(固定文字列)のサイズや位置の調整が、マウス操作で直接できるようになりました。ここでは、今回追加された2つの編集方法を紹介します。

レイアウトの行・列を調整

「レイアウト」タブでは、レイアウト全体の行数や列数などを設定することができます。これまでは「レイアウト」タブの「行」にある(+)(-)ボタンを変更したい分クリックしていましたが、レイアウト領域の上部メニューから列を、左部メニューから行を挿入・削除できるようになりました。

レイアウトの編集
既存編集方法:(+)(-)ボタンで変更
レイアウト領域
新規編集方法:上部・左部メニューから調整

フィールドを移動・リサイズ

フィールドの位置やサイズを調整するときは、対象のフィールドを選択して「フィールド」タブを開き、選択したフィールドの位置やサイズを設定可能です。
これまでは「画像をもう少し大きくしたい」という場合、「フィールド」タブの「サイズ」で、「↕(縦幅)」や「↔(横幅)」の(+)(-)ボタンを変更したい分だけクリックして調整していましたが、今回のアップデートにより、移動したいフィールドをドラッグするだけで、レイアウト上の好きな位置に配置できるようになりました。さらに、フィールドの端をドラッグすることで、サイズを変更することもできます。

レイアウトの編集-フィールド
既存編集方法:(+)(-)ボタンで変更

どのように操作するのか実際の操作の様子を動画でご紹介します。

これまでの方法に加えて、マウスで直接操作できるようになったことで、実際のレイアウトを見ながら、位置やサイズをより手軽に調整できるようになりました。

\ぜひマウス操作でのレイアウト編集を試してみてください。/

まとめ

今回のアップデートでは、一覧シーンの表示フォーマット「カスタム」でレイアウト編集を行う際に、行・列の調整や、フィールドの移動・リサイズを、マウス操作でも行えるようになりました。実際のレイアウトを確認しながら直感的に調整できるので、レイアウトをより手軽に整えられます。

Platioでは、現場で使いやすいアプリをより簡単に作成できるよう、機能や操作性の改善を続けています。

一覧シーンの表示フォーマットの詳しい設定方法については、こちらをご覧ください。アプリ作成中に操作や機能について分からないことがあった場合もヘルプセンターをご活用ください。

この記事の著者:温雪兒

著者画像 温雪兒

新卒で入社して、Platio製品のコンテンツ制作を行っています!これからも役に立つ情報をたくさんお届けできるよう頑張ります。

関連キーワードから探す

           

Platio体験セミナー

モバイルアプリ作成体験セミナー

mail お問い合わせ・他社比較相談

製品に関するお問い合わせや活用に向けたご提案を承ります。
お気軽にご相談ください。

お問い合わせ

mail オンライン相談

専門スタッフによる無料のオンライン個別相談です。
ご自宅・遠方からでもお気軽にご相談ください。

オンライン相談

R 無料トライアル

まずは気軽に無料お試し!100種類以上のテンプレートを使って、アプリ作成から活用まで無料でお試しいただけます。

無料で今すぐ体験!

Platio(プラティオ)をもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む