【FileMaker】オブジェクトフィールドの設定を変えてみる

はい、今日は、[AdventCalendar 2016 FileMaker Tips](https://qiita.com/advent-calendar/2016/filemaker-tips/) 12/14の記事です。

今回は、オブジェクトフィールドの設定を少し変えて、おされーな感じにしてみます。

スターターソリューションにある、「連絡先」をみてみます。
![スクリーンショット 2016-12-14 10.08.01.png](https://qiita-image-store.s3.amazonaws.com/0/60538/fe3d0e17-868c-047c-f845-1beab699f7ae.png)

この「写真」の部分に、オブジェクトフィールドが設定されています。
わかりやすいように「写真」と文字が入っています。

レイアウトモードにしてみてみると、インスペクタの「プレースホルダテキスト」設定で、"写真"と入力されています。
![スクリーンショット 2016-12-14 10.08.20.png](https://qiita-image-store.s3.amazonaws.com/0/60538/5497407e-9bf5-ea82-f48f-7782bff6b0e5.png)

また、オブジェクトフィールドは単に配置しただけだと、カクカクの四角なのですが。。。
![スクリーンショット 2016-12-14 10.13.24.png](https://qiita-image-store.s3.amazonaws.com/0/60538/368ce1b9-5124-422c-7328-b0a55fd437d3.png)
本来の写真オブジェクトは、まーるくなってますね。
これは、「角丸の半径」という部分がデザイン良く仕上げてくれます。
![スクリーンショット 2016-12-14 10.08.49.png](https://qiita-image-store.s3.amazonaws.com/0/60538/9016dc74-b7d9-f0aa-1657-175ad49c7f97.png)

現在100と設定されていて、まーるくなっていますが、この数字を小さくしてみます。
1/4の25まで小さくしてみました。
![スクリーンショット 2016-12-14 10.10.47.png](https://qiita-image-store.s3.amazonaws.com/0/60538/c29d9f85-0520-5d01-5033-aef0c4d6e64f.png)
これでもいい感じですね。

そして、スターターソリューションの「タスク」のオブジェクトフィールドは、オブジェクトをはめると両脇・上下に空間ができてみやすいですね。
![スクリーンショット 2016-12-14 10.24.40.png](https://qiita-image-store.s3.amazonaws.com/0/60538/e67dc570-4f59-a9b5-2bca-0264f03b5218.png)

これもレイアウトモードでみると、オブジェクトフィールドにパディングが仕込まれていることがわかります。
![スクリーンショット 2016-12-14 10.24.54.png](https://qiita-image-store.s3.amazonaws.com/0/60538/ffbd7c82-36f9-331a-b77f-2f6e63ef71a5.png)


次は、上級編でしょうか。
スターターソリューションの「イベント管理」の「協力者」のオブジェクトフィールドです。
なんと、名前を入れると、イニシャルが画像に表示されます。
![スクリーンショット 2016-12-14 10.31.58.png](https://qiita-image-store.s3.amazonaws.com/0/60538/45f75652-0727-65bd-8396-0ff8e32731bb.png)

さらに、オブジェクトフィールドに顔写真（今回はイラスト）をはめ込むと、、、
![スクリーンショット 2016-12-14 10.32.29.png](https://qiita-image-store.s3.amazonaws.com/0/60538/66cdec5f-8e33-0f43-04eb-96f4ab5f60a8.png)
イニシャルではなく、画像が表示されます。

レイアウトモードでみてみると、なにやら色々重なっています。
![スクリーンショット 2016-12-14 10.32.45.png](https://qiita-image-store.s3.amazonaws.com/0/60538/f61847f0-1b5f-ec5e-d43f-2e8b644bdf2a.png)
分解してみましょう。

まず一番下は、オブジェクトフールドです。
![スクリーンショット 2016-12-14 10.39.53.png](https://qiita-image-store.s3.amazonaws.com/0/60538/e9b98729-1af2-b263-1601-5742ffc02572.png)
ここに画像が入ったら、表示される仕組みですね。

その上は、ボタン設定です。
![スクリーンショット 2016-12-14 10.40.13.png](https://qiita-image-store.s3.amazonaws.com/0/60538/743dbde0-3e1c-266e-36e5-5673c2d7c42a.png)
まだ名前を入力する前には、影絵の人物がいましたが、こうして表現しているんですね。

一番上は、イニシャルです。
![スクリーンショット 2016-12-14 10.40.47.png](https://qiita-image-store.s3.amazonaws.com/0/60538/fe4fc0e0-2ad4-ebb7-3cfc-6fd9b769fa6f.png)
イニシャルは、入力された名前から一文字ずつ取って表示しています。

イニシャルの色をわかりやすくして、ブラウズモードに戻って分解したまま表示してみます。
![スクリーンショット 2016-12-14 10.48.32.png](https://qiita-image-store.s3.amazonaws.com/0/60538/2cc723b9-bb03-9f7e-f251-a27c9ed6318d.png)
「かかか　ききき」さんのイニシャルが表示されていますが、画像が入っていたり、名前が入力されていない場合は、表示されません。
気がつきました？

ここは、実はこんな設定がされています。
![スクリーンショット 2016-12-14 11.08.38.png](https://qiita-image-store.s3.amazonaws.com/0/60538/036b89f6-f9c0-7ab2-7171-56b5033a138f.png)
指定した条件の時に、オブジェクトを隠すように設定されているんです。
おどろきー。
かなりかゆいところまで手が届く設定ができていますね。

ちなみに、これは先ほどの画像のみの隠しボタンにも設定されています。
![スクリーンショット 2016-12-14 11.14.01.png](https://qiita-image-store.s3.amazonaws.com/0/60538/f801f405-27dd-19a9-55ef-734f7ebf5495.png)

いかがでしたでしょうか？
オブジェクトフィールドは、
・写真
・ビデオ
・サウンド
・ドキュメント
・PDF
と様々な形式のファイルが格納できますが、設定を凝るだけで使い勝手と見栄えが良い表示になることがわかると思います。
単にデータベースとして格納するだけでなく、操作する人が一目でわかる設定方法、色々と試してみてくださいね。