appsheet UX option_初心者でも簡単にアプリ全体のビューを変更できる！

今回は、

・アップシートの細かな設定をどこでできるかわからない。
・アップシートでフォントなどを変更したい。
・アップシートのUXのOptionsがわからない

という方に企業や個人向けに毎月2つ以上のアプリを開発しているの弊社が解説していきます。この記事を読むことでアップシートでアプリ全体の細かなUXを変更できるようになる。ようになります。

appsheet Optionsとは

appsheet Optionsとは、appsheetアプリの設定に関する項目が表示されます。起動時に最初に表示するビューの設定や、使用するフォントなどの設定、アプリ全体で使用される設定を変更することができます。

appsheet Optionの設定をしっかり行うことで、アプリの操作感や使いやすさが激変します。

appsheet UX Opitionsの詳細設定

General

Generalは、アプリ全般に関する項目の設定ができます。

System Buttons

System Buttonsは、システムによって自動生成されるボタンに関する設定です。

Fonts

Fontsは、使用するフォントとテキストサイズに関するものです。

Font style	使用するフォントのスタイルを選択できます。
Text size	表示テキストのサイズを設定できます。

Forms

Formsは、レコードの新規作成や編集のために表示されるフォームに関する設定です。

Form page style	ページを順に表示する方式、タブで表示する方式が選択できる。
Form style	項目名の下に入力できるパターンと項目名の横に入力できるパターンがある。
Hide form numbering	フォームの項目にナンバリングするか指定できる。（オンの状態で数字が表示されない設定になる。）
Advance forms automatically	（ONの状態で）入力後、次のフィールドに自動的に移動する。
Apply show-if constraints universally	show-ifによる制約をフォームのみに制限するか、全てのビューに適用するかを指定できる。

Table View

Table Viewは、テーブルのレコードを表示する時に用いられるview typeをtablesに設定したときのビューのことです。

Show column headers	列のヘッダーを表示します。
Keep original column order	データソースの列の並びを保持します。
Right-align numeric columns	数値の場合は、右揃えで表示します。
Disable user sorting	ヘッダーをクリックしてソートする機能をon/offにします。

Detail View

Detail Viewとは、詳細表示のビューのことです。詳細設定のビューは、システムによって自動生成されるのでユーザーが変更できません。ここでの設定がユーザーがタッチ可能な唯一の設定内容です。

Detail style	詳細表示のスタイルを指定します。各項目名と値をどのようなスタイルで表示するかを選択肢から選びます。
Detail image style	イメージの表示スタイルを指定します。エリア内にフィットして表示したり、背景として表示させたりできます。
Include Show columns in detail views	種類にshowを指定した列を含めるかどうかを指定します。これは、マルチページフォームで使われます。
Inline row limit	refで関連づけた別テーブルのレコードを下部に表示できますが、その際の最大列数を指定できます。

Map View

Map Viewとは、viewタイプでmapsを選択することでマップビューを作成できますが、これは、そのための設定です。

Use my Google Maps integration	ジオコーデイングに、アカウントで設定してある、googleマップキーを使います。
Map pin limit	マップに表示されつピンの最大数を指定します。
Hide points of interest	googleマップに表示されるショップなどを非表示にする。

Dashboard View

Dashboard Viewとは、複数のテーブル表示を1つのビューにまとめて表示させることができます。

Show overlay actions in dashboards

ビューの各表示と連動させるかどうかを決めることができる。

Data Formats

Use accounting format

データの種類にpriceを設定された列では、価格の表示形式で表示できる。

まとめ

appsheet内でUXのoptionを設定することでアプリ全体で使用するビューのデフォルトを決定することが可能です。アプリ全体のビューの設定に困ったときは、何度もoptionの詳細設定のこのページを確認しましょう♪他のアップシートのUXについても知るともっとアプリの見栄えが良くなるのでぜひ他も見てみましょう^^