Popover Button 結合了 Popover 跟 Botton 的兩個部分
今天看到 Matt 在 Youtube Channel 介紹的 Popover Button 技巧,自己也來玩玩看,試著記錄一下這個學習。
點選 Button 按鈕先不放開,才會出現 Popover Button 選項,滑鼠移過去選取

在 Layout 上新增一個 Popover Button 按鈕

調整一下 Popover 彈出的位置,讓抬出視窗在按鈕左邊
Show title bar 取消勾選

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

點選 Popover 彈出視窗,叫出 Inspector(快速鍵 Command + I),最上方選擇第三個 Tab(小圖示按鈕:調色盤) Appearance 部分
Popover 有分內外框,我們先調整外框 Popover
Popover, Normal, Fill 填滿顏色,選擇 " None "

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

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

在最上方選擇第一個 Tab(小圖示按鈕:直尺) Position 部分
將這個 Popover 物件命名為:popover.warning

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

動作賦予 Single Step: Go to Object
Object Name 即填入 " popover.warning "

OK > 回到 Browse Mode 瀏覽模式
點選「可見按鈕」,隨即彈出一個不透明視窗,再按一下其他地方則透明視窗自動消失!

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