通知ビジュアライザー

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

Overview

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

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

 

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

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

 

Features

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

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

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

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

 

関連トピック

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