3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

FileMakerAdvent Calendar 2019

Day 8

【FileMaker】ちょっとしたヘルプメッセージを出す

Last updated at Posted at 2019-12-07

画面を作っていると、「このボタンはこういう役目があるんだよ」ということをテキストでボタンの下に書くのがちょっとレイアウト的に場所がなかったり格好悪かったりします。
そんな時のヘルプメッセージの出し方として、ポップオーバーを利用しています。

※ポップオーバーは、ver.13以降で実装可能です。

どういうことかというと、こんな感じでボタンなどメッセージを表示したい箇所の側の「?」をクリックすると。。。
スクリーンショット 2019-12-05 18.00.01.png

ヘルプメッセージが出てきます。
スクリーンショット 2019-12-05 18.00.09.png

#実装
では、実装の仕方はどうなってるかと言うと。
いつも通りにポップオーバーをレイアウトに置きます。
メッセージは、タイトルバーに書き込みます。
スクリーンショット 2019-12-05 18.00.34.png
これはいつものポップオーバーですね。
が、ちょっと違うのは、ボタンの形をしていない、ということです。

この設定は、いたって単純です。
ボタンのアクション全て(通常、ポイントした時に表示、押したとき、フォーカス)において、塗りつぶし色と枠線の色を「指定なし」にします。
スクリーンショット 2019-12-05 18.00.57.png
スクリーンショット 2019-12-05 18.01.08.png
こうすることで、ぽかっと「?」アイコンだけが出ているように見えます。
ボタンの枠線があると「あれ?このボタンは押してもいいところなのかな?」となることが多いですが、「?」アイコンだけだと「これはヘルプなんだな」と認識されます(される可能性が大きいです)。

#ボタンの枠線があると。。。
ちなみにボタンに枠線があると、こんな感じにちょっとどころじゃないかっこ悪さが出てしまいます。
スクリーンショット 2019-12-05 18.20.18.png

また、「画像を使えば解決?」ということもあるかもしれませんが、すでに標準で実装されているアイコンですので統一感が取れるというのと、手軽にぽろっと出てくるポップオーバーの使い道って様々だなーと思うので、少ない手持ち(少ない技術)で実装ができます。
あれこれ覚えるよりは、断然ラクです。

さりげなーくヘルプを実装する時には、こんなポップオーバーの設定も使ってみて下さい。

3
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?