在本次的教學裡,我會讓你看看如何讓本地或是遠端(推播)通知擁有一個客製化使用者介面 (UI)。使用者現在可以跟你的通知內容進行互動。而 iOS 12 則讓我們能夠添加一個可以客製化的 UIViewController 子類別到通知本身。我們可以加入一些控件如 UIButton、UIImageView 以及 UISwitch 到 ViewController 之中,然後以 IBOutlet 及 IBAction 來撰寫一些客製化的功能,並且可以藉由 AutoLayout 來進行 UI 排版;而上述所有都是在通知本身裡面進行。我們終於可以提供多於單一點擊的功能了,這樣就可以在通知空間限制和時間考量內,開發出更多想要提供的使用者體驗。
我會講述使用者如何在不開啟 App 情況下,僅與客製化通知介面互動來回應通知。我將展示之前釋出給開發者的軟體,特別是 iOS 12 beta 2 以及 Xcode 10 beta 2 的開發者。
讀完本篇教學,你將能夠讓 App 使用者收到通知,並看到一個客製化 UI,使用者點擊按鈕就可以取得確認,而這些動作都是在一個通知裡發生。
延伸閱讀
Custom Push Notification with image and interactions on iOS - Swift 4
https://medium.com/@lucasgoesvalle/custom-push-notification-with-image-and-interactions-on-ios-swift-4-ffdbde1f457
Generating a Remote Notification
https://developer.apple.com/documentation/usernotifications/setting_up_a_remote_notification_server/generating_a_remote_notification
網頁設計.RWD響應式網站.活動網站 / 電子科技類
網站技術:PHP . Javascript/MySql
響應式(RWD)網頁設計,設計UI/UX使用者體驗,可於各種裝置進行網頁瀏覽(PC、平板、手機)。
一式多用的網頁,可隨著網頁內容需求的不同,動態調整網頁呈現的資料,包含影片、表單、輪播效果等,企業自行發佈新活動。
精選專案.APP / 流行時尚類
網站技術:iOS . Android
夏姿‧陳專屬APP「SHIATZY CHEN」,會員利用APP預定試穿、接收新消息與客服互動..等等。 會員透過消費可以獲得點數紀錄於APP並能利用點數進行消費折抵,也可以進行提貨劵/優惠劵的兌換。
網頁設計.RWD響應式網站.企業形象網站 / 電子工業類
網站技術:PHP
網頁設計,網頁切版,後台程式管理
電話:(02)2739-9096 | 傳真:(02)2739-6637 | 客服:[email protected] | 臺北市信義區和平東路3段257號6樓map
© 2019 傑立資訊 All rights reserved.| 網站隱私政策