Windows 10〜10。リリース#2。 ライブタイルと通知によるユーザーとの対話





前の記事で、Windows 10ユーザーによるアプリケーションのインストールの可視性と頻度を 3つのステップでどのように高めることができるかについて説明しました。この記事では、Windowsアプリケーションの最もお気に入りの機能の1つであるライブタイルと通知を通じて、ユーザーインタラクションを改善するトピックを続けます。



既にWindowsアプリケーション開発者である場合、ライブタイルと通知の使用に既に慣れていることでしょう。 そうでない場合、Windows 10ユーザーの増加は、アプリケーションでの実装について考え始める良い動機です。 以下は、トップ10で追加した内容の説明です。





新機能:





アプリケーションが希望どおりに動作するように、新しい通知とライブタイルを介してユーザーとの関係を構築する方法を見てみましょう。



応答性とインタラクティブな通知



Windows 10では、 ポップアップ通知を構成して、テキスト、画像、および相互作用を表示できます 。 以前は、通知を送信するときに、通知用のテンプレートカタログから選択しました。これにより、表示の柔軟性が制限され、ユーザーからの入力を受信できませんでした。 通知が表示されたときに再生されるサウンドも簡単に構成できます。 以下は、これがどのように機能するかの例です。



<toast> <visual> <binding template="ToastGeneric"> <text>Sample</text> <text>This is a simple toast notification example</text> <image placement="AppLogoOverride" src="oneAlarm.png" /> </binding> </visual> <actions> <action content="check" arguments="check" imageUri="check.png" /> <action content="cancel" arguments="cancel" /> </actions> <audio src="ms-winsoundevent:Notification.Reminder"/> </toast>
      
      











前述のように、このようなインタラクティブな要素を使用して、アプリケーションのバックグラウンドタスクを介してコードを実行し、ユーザーが現在のコンテキストを維持しながら、同時にアプリケーションと対話できるようにすることができます。 これを行うには、Package.appxmanifestで新しいタイプの「プッシュ通知」を使用して、新しいバックグラウンドタスクを宣言する必要があります。







バックグラウンドタスク自体で、定義済みの引数とユーザー入力を次のように処理できるようになりました。

 namespace Tasks { public sealed class ToastHandlerTask : IBackgroundTask { public void Run(IBackgroundTaskInstance taskInstance) { //Retrieve and consume the pre-defined //arguments and user inputs here var details = taskInstance.TriggerDetails as NotificationActionTriggerDetails; var arguments = details.Arguments; var input = details.Input.Lookup("1"); // ... } } }
      
      







アダプティブ通知およびインタラクティブ通知の操作の詳細については、対応するタイルおよび通知コマンドの記事を参照してください



アダプティブリビングタイルを実装する



通知と同様に、Windows 10ライブタイルを操作する場合、マークアップ言語を介してタイルをレンダリングする柔軟性もあります。 以前は、以前のバージョンのWindowsのテンプレートカタログからタイルテンプレートを選択する必要がありました。 リビングタイルの適応性により、コンテンツをグループ化して、Windowsがタイルに表示される情報の量を現在のデバイスの画面に自動的に調整できるようになりました。



たとえば、ライブタイルに文字を表示するアプリケーションでは、単一のマークアップで文字をグループ化するだけで、小さな電話画面でタイルに1文字のプレビューを表示し、大きな画面で2文字のプレビューを表示することができます。



 ... <binding template="TileWide" branding="nameAndLogo"> <group> <subgroup> <text hint-style="subtitle">Jennifer Parker</text> <text hint-style="captionSubtle">Photos from our trip</text> <text hint-style="captionSubtle">Check out these awesome photos I took while in New Zealand!</text> </subgroup> </group> <text /> <group> <subgroup> <text hint-style="subtitle">Steve Bosniak</text> <text hint-style="captionSubtle">Build 2015 Dinner</text> <text hint-style="captionSubtle">Want to go out for dinner after Build tonight?</text> </subgroup> </group> </binding> ...
      
      











上記の例に示すように、ライブタイルをマークアップで完全に定義できるようになりました。これは、(XAMLから)画像を生成し、ライブタイルを表示するために送信する以前のアプローチとは異なります。 ライブタイルに、下部に2つの大きなキャプションがある円でトリミングされた画像を表示するとします。 簡単に説明できます:



 ... <binding template="TileLarge" hint-textStacking="center"> <group> <subgroup hint-weight="1"/> <subgroup hint-weight="2"> <image src="Assets/Apps/Hipstame/hipster.jpg" hint-crop="circle"/> </subgroup> <subgroup hint-weight="1"/> </group> <text hint-style="title" hint-align="center">Hi,</text> <text hint-style="subtitleSubtle" hint-align="center">MasterHip</text> </binding> ...
      
      











アダプティブタイルと新しいマークアップ言語の操作の詳細については、記事「 アダプティブタイルテンプレート-スキーマとドキュメント 」を参照してください。



新しいヒント:ユーザーを喜ばせるために、アプリケーションのライブタイルをカスタマイズするのに時間をかけます。



Windows 10のライブタイルと通知を介してユーザーとの対話を改善するために行った改善の概要を簡単に説明できたと思います。新しいヒント:

  1. アプリケーションで新しいライブタイルレイアウト言語を使用して、ユーザーを喜ばせる美しいタイルを作成する方法を考えてください。
  2. タイルに表示される情報をグループ化できる場合は、レスポンシブタイルを使用して、高解像度の画面を備えたデバイスのユーザーに合わせてください。
  3. 新しいインタラクティブ通知機能の使用を開始して、情報とユーザーインタラクションを追加して現在の通知を拡張します。


ところで、新しいアクティビティを忘れないでください。 ” DVLUPで、アプリケーションの更新でポイントとXPを獲得できます(これはユーザーエクスペリエンスの向上に追加されます)。



最後に、この記事のトピックに飛び込むための追加リソースへのリンクを以下に示します。 いつものように、Twitterでのフィードバックを歓迎します: @WindowsDev 、ハッシュタグ#Win10x10を使用します。






All Articles