通知ビジュアライザー

Notifications Visualizer は、開発者がアダプティブ ライブ タイルとWindows 10の対話型トースト通知を設計するのに役立つ新しいWindows アプリ ストアです。

Overview

通知ビジュアライザーでは、XML ペイロードを編集するときに、タイルとトースト通知のインスタント ビジュアル プレビューが提供されます。これは、Visual Studioの XAML エディター/デザイン ビューと同様です。 また、アプリはエラーをチェックします。これにより、有効なタイルまたはトースト通知ペイロードが確実に作成されます。

アプリのこのスクリーンショットは、XML ペイロードと、選択したデバイスでのタイル サイズの表示方法を示しています。

Notifications Visualizer を使用すると、独自のアプリを編集してデプロイしなくても、アダプティブ タイルとトーストのペイロードを作成してテストできます。 理想的な視覚的な結果を含むペイロードを作成したら、アプリに統合できます。 詳細については、「 ローカル タイル通知 (UWP) を送信する」 と 「ローカル アプリ通知を送信 する」を参照してください。

Note Windows スタート メニューとトースト通知の通知ビジュアライザーのシミュレーションは、常に完全には正確ではなく、一部の高度なペイロード プロパティをサポートしていません。 必要なタイルまたはトーストがある場合は、タイルをピン留めするかトーストをポップしてテストし、意図したとおりに表示されることを確認します。

Features

Notifications Visualizer には、アダプティブ ライブ タイルと対話型トーストで可能な機能を紹介するサンプル ペイロードが多数用意されており、作業を開始するのに役立ちます。 さまざまなテキスト オプション、グループ/サブグループ、背景画像を試して、タイルがさまざまなデバイスや画面にどのように適応するかを確認できます。 変更を加えたら、後で使用できるように、更新されたペイロードをファイルに保存できます。

エディターには、リアルタイムのエラーと警告が表示されます。 たとえば、ペイロードが 5 KB (プラットフォームの制限) を超える場合、ペイロードがその制限を超えているという警告が通知ビジュアライザーに表示されます。 不適切な属性名または値に対する警告が表示され、視覚的な問題をデバッグするのに役立ちます。

表示名、色、ロゴ、ShowName、バッジ値などのタイル プロパティを制御できます。 これらのオプションは、タイルのプロパティとタイル通知ペイロードがどのように相互作用し、生成される結果をすぐに理解するのに役立ちます。

アプリの次のスクリーンショットは、タイル エディターを示しています。

関連トピック

• ストアで通知ビジュアライザーを取得する
• アダプティブ タイルの作成 (UWP)
• アプリ通知のコンテンツ