[問題] 噗浪 App 按鈕的效果

作者: Nestarneal (Nestarneal)   2018-07-03 14:38:58
大家好,首先請大家看兩張圖,
第一張圈起來的地方是我要點的按鈕,
而第二張圈起來的地方則是跳出的選單。
1. 要按的按鈕
https://i.imgur.com/JszpoP8.jpg
2. 按下按鈕後跳出選單
https://i.imgur.com/Tk7Tl78.jpg
對於這個按鈕的效果有幾點想請教一下。
1.
以我的理解,
按下後在箭頭的部分應該是觸發了旋轉的動畫,
選單則是本來就在那個位置,只是 Scale 從 0 到原來尺寸,
不曉得這部分有沒有錯誤?
2.
這是最主要的問題,背後暗下來的效果是如何達成的呢?
我第一個想到的是這效果跟 UIAlertController 有點像,
都是跳出一個視窗後背景變暗,
但不同的地方在於點擊 UIAlertController 以外的區域並不會 dismiss 它,
但噗浪的這個選單在點擊選單外的部分可以 dismiss 它
不曉得這選單是需要客製 UIWindow 達成、還是有什麼別的好做法呢?
謝謝
作者: xpop777 (Archie)   2018-07-05 16:39:00
iPhone 上的顯示和 iPad 一樣了嗎?樓上寫的是 iPad 上的結果吧
作者: ppppman (4pman)   2018-07-05 21:52:00
iphone上也可以控制popover唷 只是delegate要多設定一點
作者: tentenlee (天天)   2018-07-03 16:17:00
UIPopoverPresentationController 官方元件
作者: Nestarneal (Nestarneal)   2018-07-03 17:16:00
感謝,這東西還真沒碰過 XD 來去研究一下
作者: darktt (小朱)   2018-07-03 18:43:00
其實只要present一個背景透明的viewController就好了
作者: ppppman (4pman)   2018-07-03 21:42:00
1點擊後換圖片就好了 2.present你要的controller 然後VC.modalPresentationStyle = .popover就有了 大小自己調popover本身就自帶陰影 可以帶箭頭 點外面要不要消失 可以自己控制

Links booklink

Contact Us: admin [ a t ] ucptt.com