[Swift]Metronome #4 Popover 選取視窗, Google AdMob

Photo by Rodion Kutsaev on Unsplash

Popover

在這個app中做出了popover視窗，按下按鈕時，會跳出可以選取節奏的選取器。

彈出的視窗其實是由另一個view controller做成。做為彈出視窗的view controller，它的stimulated size要改為freedom，並設定跳出視窗的寬、高。

User Preferred Explicit Size要勾選起來。

MainVC連接到彈出視窗的segue要使用present as popover。

MainVC需遵從protocol UIPopoverPresentationControllerDelegate，並在prepare for segue中設定popover的delegate。

在func adaptivePresentationStyle中設定回傳.none，因為iOS會自動判斷裝置類型來選擇popover呈現的方式，而在iPhone中呈現的方式預設為全螢幕，因此需回傳none來關掉iOS的自動判斷。

Google AdMob

使用AdMob比想像中簡單太多，照著官方的說明走，可以輕鬆完成。

Get Started | iOS | Google Developers

Banner Ads | iOS | Google Developers

比較容易搞混的是App ID和ad unit ID。

在info.plist中，key GADApplicationIdentifier 的value要設定為自己的App ID。

而這個app中，我只放入了一個banner廣告。在code file的viewDidLoad()中，bannerView.adUnitID的值要設定為這個banner廣告的ad unit ID。

要注意的是，在測試廣告時，要使用官方給的test ad unit ID，在app上線前再換上自己的ad unit ID。若在測試時使用真的上線的廣告，可能會被停權。

App ID

Apps > View All Apps可以看到自己所有的app及每個app的ID

Ad unit ID

在ad units可以看到這個app所有的廣告及每個廣告的ID

[Swift]Metronome #1 Protocol & Delegate, Singleton

[Swift]Metronome #1 Protocol & Delegate, Singleton

[Swift]Metronome #2 Custom UIButton 自訂有兩層陰影的Button

[Swift]Metronome #2 Custom UIButton 自訂有兩層陰影的Button

[Swift]Metronome #3 Glowing Animation發光動畫效果

[Swift]Metronome #3 Glowing Animation發光動畫效果

References:

Popover — 用view controller做出popover視窗

在 iPhone & iPad 上顯示 popover 彈出視窗

Popover — 用view做出popover視窗

另外有找到一個做出popover視窗的簡單方法，是拉出一個view，利用button呼叫add subview及remove from superview來將這個view在原本的畫面上疊加和移除，達到popover視窗的效果。

Google AdMob

AdMob詳細教學：學習整合Firebase AdMob SDK在iOS Apps內放廣告