Notifications VisualizerNotifications Visualizer

Il Visualizzatore notifiche è una nuova app Windows nello Store che consente agli sviluppatori di progettare riquadri animati adattivi e notifiche di tipo avviso popup interattivo per Windows 10.Notifications Visualizer is a new Windows app in the Store that helps developers design adaptive Live Tiles and interactive toast notifications for Windows 10.

PanoramicaOverview

Il Visualizzatore notifiche fornisce anteprime visive immediate del riquadro e della notifica di tipo avviso popup quando si modifica il payload XML, in modo simile alla visualizzazione Editor/progettazione XAML di Visual Studio.Notifications Visualizer provides instant visual previews of your tile and toast notification as you edit the XML payload, similar to Visual Studio's XAML editor/design view. L'app controlla anche la presenza di errori, che assicurano la creazione di un payload valido per il riquadro o la notifica di tipo avviso popup.The app also checks for errors, which ensures that you create a valid tile or toast notification payload.

Questo screenshot ripreso dall'app mostra il payload XML e il modo in cui le dimensioni dei riquadri vengono visualizzati su un dispositivo selezionato:This screenshot from the app shows the XML payload and how tile sizes appear on a selected device:

screenshot dell'editor dell'app Notifications Visualizer con codice e riquadri

 

Con il Visualizzatore notifiche, è possibile creare e testare payload adattivi e di tipo popup senza dover modificare e distribuire un'app personalizzata.With Notifications Visualizer, you can create and test adaptive tile and toast payloads without having to edit and deploy your own app. Dopo aver creato un payload con risultati visivi ideali, è possibile integrarlo nell'app.Once you've created a payload with ideal visual results, you can integrate that into your app. Per altre informazioni, vedere inviare una notifica del riquadro locale e inviare un avviso popup locale .See Send a local tile notification and Send a local toast to learn more.

Nota    La simulazione del Visualizzatore di notifiche del menu Start di Windows e le notifiche di tipo avviso popup non sono sempre completamente accurate e non supportano alcune proprietà avanzate del payload.Note   Notifications Visualizer's simulation of the Windows Start menu and toast notifications isn't always completely accurate, and it doesn't support some advanced payload properties. Quando si dispone del riquadro o del popup desiderato, testarlo aggiungendo il riquadro o schioccando il toast per verificare che venga visualizzato come previsto.When you have the tile or toast you want, test it by pinning the tile or popping the toast to verify that it appears as you intend.

 

FunzionalitàFeatures

Il Visualizzatore notifiche è dotato di un numero di payload di esempio per illustrare le possibilità di riquadri animati adattivi e di toast interattivi per iniziare.Notifications Visualizer comes with a number of sample payloads to showcase what's possible with adaptive Live Tiles and interactive toasts to help you get started. Puoi provare con tutte le diverse opzioni di testo, gruppi e sottogruppi e immagini di sfondo e puoi vedere in che modo il riquadro si adatti a schermi e dispositivi diversi.You can experiment with all the different text options, groups/subgroups, background images, and you can see how the tile adapts to different devices and screens. Una volta apportate le modifiche, puoi salvare il payload aggiornato in un file per un uso futuro.Once you've made changes, you can save your updated payload to a file for future use.

L'editor visualizza messaggi di errore e avvisi in tempo reale.The editor provides real-time errors and warnings. Se, ad esempio, il payload è maggiore di 5 KB (limitazione della piattaforma), il Visualizzatore notifiche avverte che il payload supera tale limite.For example, if your payload is greater than 5 KB (a platform limitation), Notifications Visualizer warns you that your payload exceeds that limit. Visualizza inoltre avvisi per i nomi o i valori di attributo non corretti, facilitando il debug dei problemi di visualizzazione.It gives you warnings for incorrect attribute names or values, which helps you debug visual issues.

È possibile controllare le proprietà dei riquadri, ad esempio nome visualizzato, colore, logo, Mostraname e valore del badge.You can control tile properties like display name, color, logos, ShowName, and badge value. Queste opzioni ti aiutano a comprendere immediatamente l'interazione tra le proprietà del riquadro e i payload delle notifiche di tipo riquadro, nonché i risultati generati.These options help you instantly understand how your tile properties and tile notification payloads interact, and the results they produce.

Questo screenshot ripreso dall'app mostra l'editor dei riquadri:This screenshot from the app shows the tile editor:

screenshot dell'editor di Notifications Visualizer con riquadri