FileMaker でボタンバーを設定

ファイルメーカーでナビゲーションを作るには以前のバージョンだとちょっとしたコツが必要でした。□のブロックを作って、背景色を塗りつぶし、ボタンを設定することで画面変更とかを実現していました。

下の場合だとファイルメーカー.fp5で作った資産管理を.fp12にコンバートしたものですが

の６つのブロックを作って、ボタン設定をすることにより画面が変わるようになっています。アクティブな画面はボタンの背景を白、その他は画面背景をグレーに設定してあります。これで十分使えるのですが、位置合わせをして見た目を良くするなどの工夫が必要になり、ちょっと面倒くさい。

管理画面のボタンをクリック、インスペクタ＞［外観］で確認すると、グラフィックの塗りつぶしを「単色」「グレー」に設定されているのがわかります。

アクティブウインドウの基本画面の背景は「単色」「白色」が設定されています。

今回はこの部分をファイルメーカーに実装されている「ボタンバーの設定」で改良してみましょう。

ボタンで作ったナビゲーションバーを削除しておきます。

ナビゲーションバーが削除されました。

挿入＞［ボタンバー］をクリック

グレーのボタンバーが３個できています。これを６個にして高さ、位置を調整します。＋ボタンを押すとボタンの数が増えます。

ボタンが６個に増えました。

ボタンバーを選択して、インスペクタから高さを今回は0.8cmに変更

高さが低くなりました。

レイアウトに位置変更をしやすくするために、グリッドを表示しておきます。表示＞グリッド＞［グリッドを表示］をクリック

ヘッダを選択して高さを2cmにします。

ボタンバーの下辺をヘッダー下辺の2cmに揃えます。

下のようにナビゲーションメニューの外観が出来上がりました。一番左のボタンを選択してボタンバー設定をしていきます。

基本画面と入力、右のメニューからレイアウトの変更を選択

レイアウトの切替え＞［レイアウト］をクリック

目的とするレイアウトを選択＞［OK］をクリック

［OK］をクリック

他の５つのナビゲーションも同様に設定すると、以下のようなナビゲーションバーが出来上がります。

ブラウズモードにして確認すると、クリックしたところの色が薄くなるように自動設定されています。

以上できれいにナビゲーションメニューが出来上がりました。