[FileMaker] Popover Button 的一個小技巧

Popover Button 結合了 Popover 跟 Botton 的兩個部分

今天看到 Matt 在 Youtube Channel 介紹的 Popover Button 技巧,自己也來玩玩看,試著記錄一下這個學習。

點選 Button 按鈕先不放開,才會出現 Popover Button 選項,滑鼠移過去選取

螢幕快照 2018-01-26 下午11.25.15.png

在 Layout 上新增一個 Popover Button 按鈕

螢幕快照 2018-01-26 下午11.39.35.png

調整一下 Popover 彈出的位置,讓抬出視窗在按鈕左邊

Show title bar 取消勾選

螢幕快照 2018-01-27 上午12.21.00.png

把 Button 移到 Layout 範圍外面,再調整一下 Popover 的彈出視窗大小

螢幕快照 2018-01-26 下午11.43.08.png

點選 Popover 彈出視窗,叫出 Inspector(快速鍵 Command + I),最上方選擇第三個 Tab(小圖示按鈕:調色盤) Appearance 部分

Popover 有分內外框,我們先調整外框 Popover

Popover, Normal, Fill 填滿顏色,選擇 " None "

螢幕快照 2018-01-27 上午12.11.07.png

接著調整內框,點選 Popover: Content

螢幕快照 2018-01-26 下午11.50.48.png

Fill 選取 Solid Color,顏色選區黑色,並將 Opacity 不透明度調為 50%

螢幕快照 2018-01-26 下午11.52.01.png

在最上方選擇第一個 Tab(小圖示按鈕:直尺) Position 部分

將這個 Popover 物件命名為:popover.warning

螢幕快照 2018-01-27 上午12.01.29.png

接著在 Header 處另外新增一個 Layout 的「可見按鈕」

螢幕快照 2018-01-27 上午12.07.38.png

動作賦予 Single Step: Go to Object

Object Name 即填入 " popover.warning "

螢幕快照 2018-01-27 上午12.06.56.png

OK > 回到 Browse Mode 瀏覽模式

點選「可見按鈕」,隨即彈出一個不透明視窗,再按一下其他地方則透明視窗自動消失!

螢幕快照 2018-01-27 上午12.17.27.png

利用 Go to Object 去控制其他的物件呈現方式,像這樣的好用小技巧,還可以做出很多不同的應用,分享給各位。

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com 標誌

您的留言將使用 WordPress.com 帳號。 登出 /  變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 /  變更 )

連結到 %s