Presentation from vNext meeting at March 13 - Windows 8 Metro apps development using XAML/C#

2. demo

8. demo

12. demo

13. // Application manifest capabilities required to access camera
and microphone
<Capabilities>
<DeviceCapability Name="webcam" />
<DeviceCapability Name="microphone" />
</Capabilities>

14. CameraCaptureUI dialog = new CameraCaptureUI();
Size aspectRatio = new Size(16, 9);
dialog.PhotoSettings.CroppedAspectRatio = aspectRatio;
StorageFile file = await
dialog.CaptureFileAsync(CameraCaptureUIMode.Photo);
if (file != null)
{
BitmapImage bitmapImage = new BitmapImage();
using (IRandomAccessStream fileStream = await
file.OpenAsync(Windows.Storage.FileAccessMode.Read))
bitmapImage.SetSource(fileStream);
image.Source = bitmapImage;
}

18. demo

19. <Capabilities>
<Capability Name= "???_Library" />
</Capabilities>
StorageFile sampleFile = await
KnownFolders.VideosLibrary.GetFileAsync("vNext.txt");
var doc = await XmlDocument.LoadFromFileAsync(sampleFile);

20. demo

21. <Extensions>
<Extension Category="windows.shareTarget"
Executable="SampleShareTarget.exe"
EntryPoint="SampleShareTarget.App">
<ShareTarget>
<SupportedFileTypes>
<SupportsAnyFileType />
</SupportedFileTypes>
<DataFormat>text</DataFormat>
<DataFormat>bitmap</DataFormat>
<DataFormat>uri</DataFormat>
<DataFormat>html</DataFormat>
<DataFormat>Valentine-Love-Catcher</DataFormat>
</ShareTarget>
</Extension>
</Extensions>

22. protected override async void
OnShareTargetActivated(ShareTargetActivatedEventArgs args)
{
BlankPage shareTargetPage = new BlankPage();
await shareTargetPage.ActivateAsync(args);
}

23. public async Task ActivateAsync(ShareTargetActivatedEventArgs args)
{
if (args.Kind == ActivationKind.ShareTarget)
{
shareOperation = args.ShareOperation;
txtTitle.Text = shareOperation.Data.Properties.Title;
txtDesc.Text = shareOperation.Data.Properties.Description;
if (shareOperation.Data.Contains(StandardDataFormats.Text))
{
string text = await this.shareOperation.Data.GetTextAsync();
if (text != null)
{
txtText.Text = text;
}
}
}
}

24. DataTransferManager
DataTransferManager
new Data
TransferManager DataRequestedEventArgs
//[OPTIONALLY] If application makes distinction between target
applications, subscribe to this event
//[OPTIONALLY] Force showing share UI
DataTransferManager

25. private async void DataTransferManager
DataRequestedEventArgs
"Sample share source app"
"Spread the word about this lovely application"
RandomAccessStreamReference new Uri "ms-
appx:///Images/Love.png"
"Sample text"
RandomAccessStreamReference new Uri "ms-
appx:///Images/test.png"

31. Capabilities Seamless Performant
driven data access
High isolation Data Native
Roaming platform

41. demo

42. ITileWideSmallImageAndText03 tileContent =
TileContentFactory.CreateTileWideSmallImageAndText03();
tileContent.TextBodyWrap.Text = "Main tile updated from
application!";
tileContent.Image.Src = "ms-appx:///Images/Bouquet.png";
tileContent.RequireSquareContent = false;
TileUpdateManager.CreateTileUpdaterForApplication().Update(
tileContent.CreateNotification());

43. IToastImageAndText02 templateContent =
ToastContentFactory.CreateToastImageAndText02();
templateContent.TextHeading.Text = "Toast sample";
templateContent.TextBodyWrap.Text = "Toast message from
application!";
templateContent.Image.Src = "Images/NewYear.png";
templateContent.Image.Alt = "Placeholder image";
IToastNotificationContent toastContent = templateContent;
ToastNotification toast = toastContent.CreateNotification();
ToastNotificationManager.CreateToastNotifier().Show(toast);

44. BadgeNumericNotificationContent badgeContent =
new BadgeNumericNotificationContent();
badgeContent.Number = 23;
BadgeUpdateManager.CreateBadgeUpdaterForApplication().Update(
badgeContent.CreateNotification());

45. Uri logo = new Uri("ms-appx:///images/LoveIcon.png");
Uri wideLogo = new Uri("ms-appx:///images/WideSecondary.png");
SecondaryTile secondaryTile = new
SecondaryTile("LiveTilesAndToastsSample.SecondaryTile",
"Secondary tile",
"Secondary tile from app",
"argumets=Alex,123",
TileOptions.ShowNameOnWideLogo |
TileOptions.ShowNameOnLogo,
logo,
wideLogo);
bool isPinned =
await secondaryTile.RequestCreateForSelectionAsync(
new Rect(10,10,100,100));

46. ITileWideSmallImageAndText03 tileContent =
TileContentFactory.CreateTileWideSmallImageAndText03();
tileContent.TextBodyWrap.Text = "Secondary tile updated from
application!";
tileContent.Image.Src = "ms-appx:///Images/NewYear.png";
tileContent.RequireSquareContent = false;
TileUpdateManager.CreateTileUpdaterForSecondaryTile(
"LiveTilesAndToastsSample.SecondaryTile").Update(
tileContent.CreateNotification());

49. 1. Request Channel URI
2. Register with your Cloud
Service
3. Authenticate & Push
Notification

50. demo

51. var pushNotificationChannel = await
PushNotificationChannelManager.CreatePushNotificationChannelFor
ApplicationAsync();
var channelUri = pushNotificationChannel.Uri;
//Optional channel for Secondary tile
if (SecondaryTile.Exists(SecondaryTileID))
{
var secondaryPushNotificationChannel = await
PushNotificationChannelManager.CreatePushNotificationChannelFor
SecondaryTileAsync(SecondaryTileID);
var secondaryChannelUri =
secondaryPushNotificationChannel.Uri;
}

52. private static Stream GetAccessToken(string sid, string secret)
{
string url = "https://login.live.com/accesstoken.srf";
var request = (HttpWebRequest)WebRequest.Create(url);
request.Method = "POST";
request.ContentType = "application/x-www-form-urlencoded";
string content =
"grant_type=client_credentials&client_id={0}&client_secret={1}&
scope=notify.windows.com";
string data = string.Format(content, sid, secret);
byte[] notificationMessage =
Encoding.Default.GetBytes(data);

53. request.ContentLength = notificationMessage.Length;
using (Stream requestStream = request.GetRequestStream())
requestStream.Write(notificationMessage, 0,
notificationMessage.Length);
var response = (HttpWebResponse)request.GetResponse();
Stream result = response.GetResponseStream();
return result;
}

54. private static HttpStatusCode Push(string pushUri, string
accessToken, string type, string notificationData)
{
var subscriptionUri = new Uri(pushUri);
var request =
(HttpWebRequest)WebRequest.Create(subscriptionUri);
request.Method = "POST";
request.ContentType = "text/xml";
request.Headers = new WebHeaderCollection();
request.Headers.Add("X-WNS-Type", type);
request.Headers.Add("Authorization", "Bearer " +
accessToken);

55. byte[] notificationMessage =
Encoding.Default.GetBytes(notificationData);
request.ContentLength = notificationMessage.Length;
using (Stream requestStream = request.GetRequestStream())
requestStream.Write(notificationMessage, 0,
notificationMessage.Length);
var response = (HttpWebResponse)request.GetResponse();
return response.StatusCode;
}

56. string pushUri = "https://db3.notify.windows.com/...";
string secret = HttpUtility.UrlEncode("2A...");
string sid = HttpUtility.UrlEncode("ms-app://s-...");
var obj =
System.Json.JsonObject.Load(GetAccessToken(sid, secret));
string accessToken = obj["access_token"].ToString();
//Send Badge notification
string badgeNotification = "<?xml version='1.0' encoding='utf-
8'?><badge value="13"/>";
HttpStatusCode status =
Push(pushUri, accessToken, "wns/badge", badgeNotification);

57. //Send Toast notification
string tostNotification = "<?xml version='1.0' encoding='utf-
8'?><toast><visual><binding
template="ToastImageAndText02"><image id="1"
src="Assets/Logo.png" alt="Placeholder image"/><text
id="1">Urgent news</text><text id="2">New vNext meetup
scheduled!</text></binding></visual></toast>";
status = Push(pushUri, accessToken, "wns/toast",
tostNotification);

58. //Send Tile notification
string tileNotification = "<?xml version='1.0' encoding='utf-
8'?><tile><visual><binding
template="TileWideSmallImageAndText03"><image id="1"
src="ms-appx:///Images/Meetup.png"/><text id="1">New vNext
meetup scheduled!</text></binding></visual></tile>";
status =
Push(pushUri, accessToken, "wns/tile", tileNotification);

59. //Send Secondary Tile notification
pushUri = "https://db3.notify.windows.com/...";
string secondaryTileNotification = "<?xml version='1.0'
encoding='utf-8'?><tile><visual lang="en-US"><binding
template="TileWidePeekImage05"><image id="1" src="ms-
appx:///Images/Blog.png"/><image id="2" src="ms-
appx:///Images/Avatar.png"/><text id="1">Visit my
blog!</text><text
id="2">http://blogs.microsoft.co.il/blogs/alex_golesh/</text>
</binding></visual></tile>";
status =
Push(pushUri, accessToken, "wns/tile", secondaryTileNotificatio
n);

63. •
•
•
•
•
•
•
•
alex@sela.co.il