ファイルメーカー

FileMaker でボタンバーを設定

投稿日:2017年4月24日 更新日:

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

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

  • 基本画面
  • 管理情報
  • ログイン画面
  • 残高確認
  • 株式・外貨
  • 変更履歴

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

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

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

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

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

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

ボタンバーの設定

ボタンバーの挿入

挿入>[ボタンバー]をクリック

ボタンバーの数を調整

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

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

ボタンバーの大きさを変更

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

高さが低くなりました。

ボタンバーの位置を変更

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

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

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

ボタンバーのスクリプト設定

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

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

レイアウトの切替え>[レイアウト]をクリック

目的とするレイアウトを選択>[OK]をクリック

[OK]をクリック

ボタンバーの完成

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

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

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

-ファイルメーカー

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

日本郵便から郵便番号データをダウンロードしてFileMakerに取り込む方法

ファイルメーカーで郵便番号を入力したとき、都道府県名や市区町村データが自動入力されれば入力の手間が省けます。その前提として郵便番号データが必要になるのですが、日本郵便でデータが公開されていますのでダウ …

FileMakerで複数条件により条件付き書式を設定する方法

FileMakerの「条件付き書式設定」は条件により自動で書式を変更することができ重宝しています。条件が真の場合は1、偽の場合は0を返し、真1の場合にフォント色、背景色他を設定するだけで自動で書式が変 …

ファイルメーカー14でのセキュリティ変更方法(アカウント名、パスワード)

ファイルメーカーの.fp5ではパスワード設定しかなかったのですが、.fp7もしくは.fp12ではファイルを開くとき[アカウント名]と[パスワード]を入力するように変更されています。 .fp5からバージ …

FileMakerの拡張子「.fp5」から「.fmp12」へのファイル変換方法

ファイルメーカーの拡張子は .fmp12ファイル→15、14、13、12 .fp7 ファイル→11、10、9、8.x 、7 .fp5ファイル→6、5.5、5 となっていて、該当する拡張子になるようにフ …

FileMaker Go 15を導入してみた

FileMaker Go はiPad やiPhone で実行できる無料アプリケーションで、どこからでもFileMakerデータに接続できるようになります。Filemaker Pro11から提供されるよ …

2019年5月
« 4月    
 12345
6789101112
13141516171819
20212223242526
2728293031  
Top
%d人のブロガーが「いいね」をつけました。