---
title: Customizing your long-look interface
framework: watchos-apps
role: article
role_heading: Article
path: watchos-apps/customizing-your-long-look-interface
---

# Customizing your long-look interface

Create custom interfaces for your watchOS app’s notifications.

## Overview

Overview To customize the appearance of your app’s notifications, you can provide a Scene to your App for each notification category. The scene defines either a dynamic or a dynamic interactive interface. Use the interactive controls to update or even reload the notification’s interface. In general, keep your action methods simple. Complex, multi-step tasks aren’t a good fit for interactive notifications. Create a notification scene The following code creates a notification scene using the WKNotificationScene struct, specifying both the notification controller’s class and the notification’s category. var body: some Scene {     WindowGroup {         NavigationView {             ContentView()         }     }

WKNotificationScene(controller: NotificationController.self, category: "myNotificationCategory")

} When the system receives a notification with a matching category, it displays a dynamic view specified by the notification controller. By default, the view isn’t interactive; however, you can make the view interactive by returning true from the notification controller’s isInteractive property. // Create a dynamic, interactive notification interface. override class var isInteractive: Bool {     return true } Customize the interface To display a custom interface, override the notification controller’s didReceive(_:) method to extract information from the incoming notification. override func didReceive(_ notification: UNNotification) {     content = notification.request.content     date = notification.date } Then, override the body property to create the notification view using the notification’s content. override var body: NotificationView {     return NotificationView(content: content, date: date) } The navigation view is a standard SwiftUI view. In the view’s body, you lay out the content from your notification. @State private var showMore = false

var body: some View {     VStack {         Text(title)             .font(.headline)         Text(subtitle)

if showMore {             Divider()             Text(messageBody)             Divider()         }

Text(time)         Spacer()         Toggle("Show more", isOn: $showMore)     } }

## See Also

### Customizing the user experience

- [Taking advantage of notification forwarding](watchos-apps/taking-advantage-of-notification-forwarding.md)
- [Adding actions to notifications on watchOS](watchos-apps/adding-actions-to-notifications-on-watchos.md)
- [Grouping notifications](watchos-apps/grouping-notifications.md)