XAML

After the installation, add a reference to Bing Maps, as shown in Figure 7-2, so you can import the Bing.Maps namespace into your code.

If your solution is configured to build for Any CPU, your project won’t compile and will notify you that something has gone wrong (as you can see Figure 7-3).

To solve this problem, open the Configuration Manager from the Build menu of Visual Studio. From the Configuration Manager, you can select the target platform for projects inside your solution, changing the selected value of the Active Solution Platform combo box (see Figure 7-4).

Now you are ready to include Map control inside your application and you will do it in a project dedicated to this chapter named BW8AGU.Samples.CSharp/BW8AGU.Samples.VB in a page named GeoLocationSample. You must import the Bing.Maps namespace inside the page of your app where you want to add the Map control. You can do so by adding the bold XAML as an attribute of the Page element in XAML:

<Page
    x:Name="pageRoot"
    x:Class="BW8AGU.Samples.CSharp.GeoLocationSample"
    DataContext="{Binding DefaultViewModel, RelativeSource={RelativeSource Self}}"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:BW8AGU.Samples.CSharp"
    xmlns:common="using:BW8AGU.Samples.CSharp.Common"
    xmlns:maps="using:Bing.Maps"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

In this way, you have imported the Bing.Maps namespace, and then you are ready to add the Map control on your user interface (UI). You will do it using the map element that you can find in the maps namespace (that you have imported):

<maps:Map x:Name="MapControl" Credentials="{StaticResource BingMapKey}" ShowBuildings="False" />

C#

using Bing.Maps;
using Windows.Devices.Geolocation;
 
public sealed partial class GeoLocationSample : Page
 {
        private Geolocator locator = null;
 
      private void InitializeGeolocator()
        {
            if (locator == null)
            {
                locator = new Geolocator();
                locator.DesiredAccuracyInMeters = 2;
                locator.MovementThreshold = 1;
                locator.PositionChanged += OnLocatorPositionChanged;
            }
        }
 
private async void OnLocatorPositionChanged(Geolocator sender, PositionChangedEventArgs args)
        {
            DefaultViewModel["Coordinate"] = args.Position.Coordinate;
            await MapControl.Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,
            () =>
            {
                MapControl.Center = new Bing.Maps.Location
                {
                    Longitude = args.Position.Coordinate.Point.Position.Longitude,
                    Latitude = args.Position.Coordinate.Point.Position.Latitude,
                };
                Pushpin pin = new Bing.Maps.Pushpin();
                pin.SetValue(Bing.Maps.MapLayer.PositionProperty, new Bing.Maps.Location(MapControl.Center));
                MapControl.Children.Clear();
                MapControl.Children.Add(pin);
                 
                MapControl.SetZoomLevel(10,TimeSpan.FromSeconds(1));
            });
        }
    ...
    }

VB

Imports Bing.Maps
Imports Windows.Devices.Geolocation
 
public sealed partial class GeoLocationSample : Page
 {
        Private locator As Geolocator
 
Private Async Sub InitializeGeolocator()
        If locator Is Nothing Then
            locator = New Geolocator()
            locator.DesiredAccuracyInMeters = 2
            locator.MovementThreshold = 1
            AddHandler locator.PositionChanged, AddressOf OnLocatorPositionChanged
            Dim actualPosition = Await locator.GetGeopositionAsync()
            AddHandler locator.StatusChanged, AddressOf OnStatusChanged
        End If
    End Sub
 
Private Async Sub OnLocatorPositionChanged(sender As Geolocator, args As PositionChangedEventArgs)
        DefaultViewModel("Coordinate") = args.Position.Coordinate
        Await MapControl.Dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,
 Sub()
        MapControl.Center = New Bing.Maps.Location() With {
            .Longitude = args.Position.Coordinate.Point.Position.Longitude,
            .Latitude = args.Position.Coordinate.Point.Position.Latitude
        }
        Dim pin As Pushpin = New Bing.Maps.Pushpin()
        pin.SetValue(Bing.Maps.MapLayer.PositionProperty, New Bing.Maps.Location(MapControl.Center))
                                                 MapControl.Children.Clear()
                                                 MapControl.Children.Add(pin)
 
        MapControl.SetZoomLevel(10, TimeSpan.FromSeconds(1))
 
        End Sub)
    End Sub
    ...

This code uses the Geolocator class to track the user position continuously. However, nothing until now has called the InitializeGeolocator method; for this scope, you have a button on the UI to start tracking the user position, and all you have to write is the following:

C#

private void OnGetPositionButtonClick(object sender, RoutedEventArgs e)
        {
            InitializeGeolocator();
        }

VB

Private Sub OnGetPositionButtonClick(sender As Object, e As RoutedEventArgs) Handles GetPositionButton.Click
        InitializeGeolocator()
    End Sub

XAML

<Grid Grid.Row="1">
            <Grid.RowDefinitions>
                <RowDefinition Height="36"/>
                <RowDefinition Height="36"/>
                <RowDefinition Height="36"/>
                <RowDefinition Height="36"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="118"/>
                <ColumnDefinition Width="Auto"/>
                <ColumnDefinition/>
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Row="0" Text="Magnetic North" />
            <TextBlock Grid.Row="1" Text="True North" />
            <TextBlock Grid.Row="2" Text="Heading Accuracy" />
            <TextBlock Grid.Row="0" Grid.Column="1" Text="{Binding CompassData.MagneticNorth}" />
            <TextBlock Grid.Row="1" Grid.Column="1" Text="{Binding CompassData.TrueNorth}" />
            <TextBlock Grid.Row="2" Grid.Column="1" Text="{Binding CompassData.Accuracy}" />
            <Button Grid.Row="3" Content="Get Data" Click="OnGetDataButtonClick" />
        </Grid>

C#

using Windows.Devices.Sensors;
 
private void OnGetDataButtonClick(object sender, RoutedEventArgs e)
        {
            var compass = Compass.GetDefault();
            if (compass == null)
            {
                this.DefaultViewModel["CompassData"] =
                    new
                {
                    MagneticNorth = "Compass not found",
                    TrueNorth= "Compass not found",
                    Accuracy = "Compass not found"
                };
            }
            else
            {
                var reading = compass.GetCurrentReading();
                compass.ReadingChanged += OnCompassReadingChanged;
                SetCompassReading(reading);
            }
        }
 
private void SetCompassReading(CompassReading reading)
        {
            this.DefaultViewModel["CompassData"] =
                new
                {
                    MagneticNorth = reading.HeadingMagneticNorth,
                    TrueNorth = reading.HeadingTrueNorth,
                    Accuracy = reading.HeadingAccuracy
                };
        }
 
        private void OnCompassReadingChanged(Compass sender, CompassReadingChangedEventArgs args)
        {
            SetCompassReading(args.Reading);
        }

VB

private void OnGetDataButtonClick(object sender, RoutedEventArgs e)
        {
            var compass = Compass.GetDefault();
            if (compass == null)
            {
                this.DefaultViewModel["CompassData"] =
                    new
                {
                    MagneticNorth = "Compass not found",
                    TrueNorth= "Compass not found",
                    Accuracy = "Compass not found"
                };
            }
            else
            {
                var reading = compass.GetCurrentReading();
                compass.ReadingChanged += OnCompassReadingChanged;
                SetCompassReading(reading);
            }
        }
 
        private void SetCompassReading(CompassReading reading)
        {
            this.DefaultViewModel["CompassData"] =
                new
                {
                    MagneticNorth = reading.HeadingMagneticNorth,
                    TrueNorth = reading.HeadingTrueNorth,
                    Accuracy = reading.HeadingAccuracy
                };
        }
 
        private void OnCompassReadingChanged(Compass sender, CompassReadingChangedEventArgs args)
        {
            SetCompassReading(args.Reading);
        }

XAML

Inside the XAML file, you need one thing:

<MediaElement Source="{Binding Path='Path'}" AutoPlay="False" x:Name="mediaElement" />

C#

...
using Windows.Media.PlayTo;
using Windows.UI.Core;
...
public sealed partial class PlayToSample : Page
    {
        private PlayToManager playtoManager = null;
        private CoreDispatcher dispatcher;
   ...
}

VB

...
Import Windows.Media.PlayTo
Import Windows.UI.Core
...
public sealed partial class PlayToSample : Page
    {
        private PlayToManager playtoManager = null;
        private CoreDispatcher dispatcher;
   ...
}

Of course, you must initialize it before use. For this reason, you will write the InitPlayToManager method that initializes both the PlayToManager and Dispatcher objects.

C#

private void InitPlayToManager()
{
    dispatcher = Window.Current.CoreWindow.Dispatcher;
    if (playtoManager == null)
    {
      playtoManager = PlayToManager.GetForCurrentView();
      playtoManager.SourceRequested += OnPlayToSourceRequested;
      playtoManager.SourceSelected += OnPlayToSourceSelected;
    }
}

VB

Private Sub InitPlayToManager()
        dispatcher = Window.Current.CoreWindow.Dispatcher
        If playtoManager Is Nothing Then
                playtoManager = PlayToManager.GetForCurrentView()
                AddHandler playtoManager.SourceRequested, AddressOf OnPlayToSourceRequested
                AddHandler playtoManager.SourceSelected, AddressOf OnPlayToSourceSelected
        End If
End Sub

This method will be called inside the LoadState method that was previously written in order to be sure that these objects are initialized when the page is loaded.

C#

protected override void LoadState(Object navigationParameter, Dictionary<String, Object> pageState)
{
...
   InitPlayToManager();
...
}

VB

Protected Overrides Sub LoadState(navigationParameter As [Object], pageState As Dictionary(Of [String], [Object]))
   ...
        InitPlayToManager()
   ...
End Sub

As you have seen, in the InitPlayToManager method, you subscribe to the SourceRequested and SourceSelected events with the OnPlayToSourceSelected and OnPlayToSourceRequested event handlers. The first fires after the user selects the device from the device pane; this event might be useful to retrieve information about the specific device that the user selects. The second one fires when the user selects the Device charm and must be used to provide content to the stream.

C#

private void OnPlayToSourceSelected(PlayToManager sender, PlayToSourceSelectedEventArgs args)
{
   //Report the name of the client
}
 
private async void OnPlayToSourceRequested(PlayToManager sender, PlayToSourceRequestedEventArgs e)
        {
            await dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,
                () =>
                {
                    PlayToSourceDeferral deferral = e.SourceRequest.GetDeferral();
            PlayToSourceRequest sr = e.SourceRequest;
                    sr.SetSource(videoMediaElement.PlayToSource);
                    deferral.Complete();
                });
        }

VB

Private Sub OnPlayToSourceSelected(sender As PlayToManager, args As PlayToSourceSelectedEventArgs)
        'Report the name of the client
End Sub
 
 
Private Async Sub OnPlayToSourceRequested(sender As PlayToManager, e As PlayToSourceRequestedEventArgs)
   Await coreDispatcherInstance.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,
     Async Sub()
      Dim deferral As PlayToSourceDeferral = e.SourceRequest.GetDeferral()
      Dim sr As PlayToSourceRequest = e.SourceRequest
      ‘Set the media element as source for incoming SourceRequest
      sr.SetSource(videoMediaElement.PlayToSource)
      deferral.Complete()
   End Sub)
End Sub
 
private async void OnPlayToSourceRequested(PlayToManager sender, PlayToSourceRequestedEventArgs e)
        {
            await dispatcher.RunAsync(Windows.UI.Core.CoreDispatcherPriority.Normal,
                () =>
                {
                    PlayToSourceDeferral deferral = e.SourceRequest.GetDeferral();
                    PlayToSourceRequest sr = e.SourceRequest;
                    sr.SetSource(videoMediaElement.PlayToSource);
                    deferral.Complete();
                });
        }

Providing Suggestions

To provide suggestions inside your app, you subscribe to the SuggestionsRequested event with the OnSearchSuggestionRequested handler, declaring a SearchPane object at the class level of the AppointmentsGrouped page; the code will look like the examples in the next two sections.

sealed partial class App : Application
{
 
protected override async void OnLaunched(LaunchActivatedEventArgs e)
   {
        SearchPane.GetForCurrentView().SuggestionsRequested += OnSearchSuggestionRequested;
   }
 
}
 
private async void OnSearchSuggestionRequested(SearchPane sender, SearchPaneSuggestionsRequestedEventArgs args)
        {
            var deferral = args.Request.GetDeferral();
            var suggestions = await SuggestionProvider.GetSuggestionsAsync(args.QueryText);
            args.Request.SearchSuggestionCollection.AppendQuerySuggestions(suggestions);
            deferral.Complete();
        }

NotInheritable Class App
    Inherits Application
 
    Protected Overrides Async Sub OnLaunched(e As LaunchActivatedEventArgs)
...
        AddHandler SearchPane.GetForCurrentView().SuggestionsRequested, AddressOf OnSearchSuggestionRequested
    End Sub
 
    Private Async Sub OnSearchSuggestionRequested(sender As SearchPane, args As SearchPaneSuggestionsRequestedEventArgs)
        Dim deferral = args.Request.GetDeferral()
        Dim suggestions = Await SuggestionProvider.GetSuggestionsAsync(args.QueryText)
        args.Request.SearchSuggestionCollection.AppendQuerySuggestions(suggestions)
        deferral.Complete()
    End Sub

Providing Results

We have added the SearchResultsPage before, which in standard implementation comes ready to manage a query and provide filters in results. Because it is up to you to decide how to show search results in your app, we will concentrate on what you need to do in order to complete the implementation of the Search contract.

You must override the OnSearchActivated Method, which fires even when the application was closed but activated as a Search provider. In this method, you will do the same work as with the Launched method, changing the destination page.

protected async override void OnSearchActivated(Windows.ApplicationModel.Activation.SearchActivatedEventArgs args)
        {
            var previousContent = Window.Current.Content;
            var frame = previousContent as Frame;
 
            // If the app does not contain a top-level frame, it is possible that this
            // is the initial launch of the app. Typically this method and OnLaunched
            // in App.xaml.cs can call a common method.
            if (frame == null)
            {
                // Create a Frame to act as the navigation context and associate it with
                // a SuspensionManager key
                frame = new Frame();
                SuspensionManager.RegisterFrame(frame, "AppFrame");
 
                if (args.PreviousExecutionState == ApplicationExecutionState.Terminated)
                {
                    // Restore the saved session state only when appropriate
                    try
                    {
                        await SuspensionManager.RestoreAsync();
                    }
                    catch (SuspensionManagerException)
                    {
                        //Something went wrong restoring state.
                        //Assume there is no state and continue
                    }
                }
            }
 
            frame.Navigate(typeof(SearchResultsPage), args.QueryText);
            Window.Current.Content = frame;
 
            // Ensure the current window is active
            Window.Current.Activate();
        }

Protected Overrides Async Sub OnSearchActivated(args As Windows.ApplicationModel.Activation.SearchActivatedEventArgs)
        Dim previousContent = Window.Current.Content
        Dim frame = TryCast(previousContent, Frame)
 
        ' If the app does not contain a top-level frame, it is possible that this
        ' is the initial launch of the app. Typically this method and OnLaunched
        ' in App.xaml.cs can call a common method.
        If frame Is Nothing Then
            ' Create a Frame to act as the navigation context and associate it with
            ' a SuspensionManager key
            frame = New Frame()
            SuspensionManager.RegisterFrame(frame, "AppFrame")
 
            If args.PreviousExecutionState = ApplicationExecutionState.Terminated Then
                ' Restore the saved session state only when appropriate
                Try
                    Await SuspensionManager.RestoreAsync()
                    'Something went wrong restoring state.
                    'Assume there is no state and continue
                Catch generatedExceptionName As SuspensionManagerException
                End Try
            End If
        End If
 
        frame.Navigate(GetType(SearchResultsPage), args.QueryText)
        Window.Current.Content = frame
 
        ' Ensure the current window is active
        Window.Current.Activate()
    End Sub

Providing Suggestions

In this example, we provide suggestions to the control, using the list of files accessible to the app.

private void navigationHelper_LoadState(object sender, LoadStateEventArgs e)
        {
            var settings = new Windows.ApplicationModel.Search.LocalContentSuggestionSettings
            {
                Enabled = true
            };
            settings.Locations.Add(Windows.Storage.KnownFolders.MusicLibrary);
            settings.Locations.Add(Windows.Storage.KnownFolders.PicturesLibrary);
            musicSearchBox.SetLocalContentSuggestionSettings(settings);
        }

Private Sub navigationHelper_LoadState(sender As Object, e As LoadStateEventArgs)
    Dim settings = New Windows.ApplicationModel.Search.LocalContentSuggestionSettings() With {
        .Enabled = True
    }
    settings.Locations.Add(Windows.Storage.KnownFolders.MusicLibrary)
    settings.Locations.Add(Windows.Storage.KnownFolders.PicturesLibrary)
    mediaSearchBox.SetLocalContentSuggestionSettings(settings)
End Sub

C#

private void navigationHelper_LoadState(object sender, LoadStateEventArgs e)
        {
            Windows.ApplicationModel.DataTransfer.DataTransferManager manager = Windows.ApplicationModel.DataTransfer.DataTransferManager.GetForCurrentView();
            manager.DataRequested += OnShareDataRequested;
        }
 
private void OnShareDataRequested(Windows.ApplicationModel.DataTransfer.DataTransferManager sender, Windows.ApplicationModel.DataTransfer.DataRequestedEventArgs args)
        {
            args.Request.Data.Properties.Title = "Shared by Apress Sample App";
            args.Request.Data.SetText(shareableTextBox.Text);
        }

VB

Private Sub NavigationHelper_LoadState(sender As Object, e As Common.LoadStateEventArgs)
    Dim manager As Windows.ApplicationModel.DataTransfer.DataTransferManager =
    Windows.ApplicationModel.DataTransfer.DataTransferManager.GetForCurrentView()
        AddHandler manager.DataRequested, AddressOf OnShareDataRequested
    End Sub
 
Private Sub OnShareDataRequested(sender As DataTransfer.DataTransferManager, args As DataTransfer.DataRequestedEventArgs)
        args.Request.Data.Properties.Title = "Shared by Apress Sample App"
        args.Request.Data.SetText(shareableTextBox.Text)
    End Sub

XAML

To create this panel, we’ll skip a lot of uninteresting XAML that defines the template and visual state for the back button so it’s really easy to read, and you can navigate from the code attached to this book. Here is the XAML required to create the panel shown in Figure 7-22:

<Grid Background="{StaticResource SettingsPanelBackgroundBrush}" >
        <Grid.RowDefinitions>
            <RowDefinition Height="80" />
            <RowDefinition Height="Auto" />
 
        </Grid.RowDefinitions>
 
        <Grid Grid.Row="0" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
 
            <StackPanel Margin="40,20,10,0" Orientation="Horizontal" Grid.Column="0" VerticalAlignment="Center" HorizontalAlignment="Left">
                <Button Click="OnApplicationSettingsBackButtonClick"  Style="{StaticResource BackButtonStyle}"/>
                <TextBlock FontSize="25" Text="Application Settings" />
            </StackPanel>
        </Grid>
        <Grid Grid.Row="1" >
 
            <StackPanel Margin="40,20,10,0" >
                <TextBlock Text="Choose your language" />
                <ComboBox x:Name="languageCombobox" ItemTemplate="{StaticResource CultureInfoDataTemplate}" />
            </StackPanel>
        </Grid>
    </Grid>

CultureInfoDataTemplate is a data template created this way:

<DataTemplate x:Key="CultureInfoDataTemplate">
    <TextBlock Text="{Binding EnglishName}" />
</DataTemplate>

C#

public ApplicationSettings()
{
   this.InitializeComponent();
   Loaded += OnLoaded;
}
 
 
private void OnLoaded(object sender, RoutedEventArgs e)
{
   languageCombobox.ItemsSource = ApplicationSettingsHelper.Instance.AvailableLanguages;
   languageCombobox.SelectedItem = ApplicationSettingsHelper.Instance.CurrentCulture;
   languageCombobox.SelectionChanged += OnLanguageSelectionChanged;
}
 
private void OnLanguageSelectionChanged(object sender, SelectionChangedEventArgs e)
{
   //Set the language immediately (from Settings Charm guidelines)
   ApplicationSettingsHelper.Instance.CurrentCulture = e.AddedItems.First() as CultureInfo;
}
 
private void OnApplicationSettingsBackButtonClick(object sender, RoutedEventArgs e)
{
   Popup parent = this.Parent as Popup;
   if (parent != null)
   {
      parent.IsOpen = false;
      SettingsPane.Show();
   }
}

A Helper class was used previously. This time, you use ApplicationSettingsHelper, which is a singleton application that helps you populate the Settings panel and has the following implementation:

public class ApplicationSettingsHelper
    {
        private static ApplicationSettingsHelper instance = new ApplicationSettingsHelper();
 
        private ApplicationSettingsHelper()
        {
            AvailableLanguages =
                new ObservableCollection<CultureInfo>
                {
                    new CultureInfo("en-US"),
                    new CultureInfo("it-IT"),
                };
        }
 
        public static ApplicationSettingsHelper Instance
        {
            get
            {
                return instance;
            }
        }
 
        public ObservableCollection<CultureInfo> AvailableLanguages { get; set; }
 
        public CultureInfo CurrentCulture
        {
            //Read Settings in Get
            get;
            //Save Settings in Set
            set;
        }
    }

VB

Public Sub New()
        Me.InitializeComponent()
        AddHandler Me.Loaded, AddressOf OnLoaded
End Sub
 
Private Sub OnLoaded(sender As Object, e As RoutedEventArgs) Handles Me.Loaded
        languageCombobox.ItemsSource = ApplicationSettingsHelper.Instance.AvailableLanguages
        languageCombobox.SelectedItem = ApplicationSettingsHelper.Instance.CurrentCulture
AddHandler languageCombobox.SelectionChanged, AddressOf OnLanguageSelectionChanged
End Sub
 
Private Sub OnLanguageSelectionChanged(sender As Object, e As SelectionChangedEventArgs)
        'Set the language immediatly (from Settings Charm guidelines)
        ApplicationSettingsHelper.Instance.CurrentCulture = TryCast(e.AddedItems.First(), CultureInfo)
End Sub
 
Private Sub OnApplicationSettingsBackButtonClick(sender As Object, e As RoutedEventArgs)
        Dim parent As Popup = TryCast(Me.Parent, Popup)
        If parent IsNot Nothing Then
                parent.IsOpen = False
                SettingsPane.Show()
        End If
End Sub

A Helper class was used previously. This time, you use ApplicationSettingsHelper, which is a singleton application that helps you populate the Settings panel and has the following implementation:

Public Class ApplicationSettingsHelper
    Private Shared m_instance As New ApplicationSettingsHelper()
 
    Private Sub New()
        AvailableLanguages = New ObservableCollection(Of CultureInfo)()
        AvailableLanguages.Add(New CultureInfo("en-US"))
        AvailableLanguages.Add(New CultureInfo("it-IT"))
        }
    End Sub
 
    Public Shared ReadOnly Property Instance() As ApplicationSettingsHelper
        Get
            Return m_instance
        End Get
    End Property
 
    Public Property AvailableLanguages() As ObservableCollection(Of CultureInfo)
        Get
            Return m_AvailableLanguages
        End Get
        Set(value As ObservableCollection(Of CultureInfo))
            m_AvailableLanguages = value
        End Set
    End Property
    Private m_AvailableLanguages As ObservableCollection(Of CultureInfo)
 
    Public Property CurrentCulture() As CultureInfo
        'Read Settings in Get
        Get
            Return m_CurrentCulture
        End Get
        'Save Settings in Set
        Set(value As CultureInfo)
            m_CurrentCulture = value
        End Set
    End Property
    Private m_CurrentCulture As CultureInfo
End Class

C#

#region Settings Contract
 
        private SettingsPane settingsPane = null;
 
        private void InitSettingsPane()
        {
            settingsPane = Windows.UI.ApplicationSettings.SettingsPane.GetForCurrentView();
            settingsPane.CommandsRequested += OnSettingsPaneCommandsRequested;
        }
 
        private void OnSettingsPaneCommandsRequested(SettingsPane sender, SettingsPaneCommandsRequestedEventArgs args)
        {
            args.Request.ApplicationCommands.Clear();
            args.Request.ApplicationCommands.Add(
                new SettingsCommand(
                    "applicationCommand",
                    "Application",
                    ApplicationCommandInvokedHandler));
 
            args.Request.ApplicationCommands.Add(
                new SettingsCommand(
                    "tileCommand",
                    "Tile and Notifications",
                    TileCommandInvokedHandler));
        }
 
        private void ApplicationCommandInvokedHandler(IUICommand command)
        {
            ApplicationSettings content =
                new ApplicationSettings
                {
                    Width = 346,
                    Height = Window.Current.Bounds.Height
                };
            Popup settingsPopup = SettingsPanelHelper.CreateSettingsPanel(content, Window.Current.Bounds);
            settingsPopup.IsOpen = true;
        }
   
        #endregion

VB

Private Sub InitSettingsPane()
   settingsPane = Windows.UI.ApplicationSettings.SettingsPane.GetForCurrentView()
   AddHandler settingsPane.CommandsRequested, AddressOf OnSettingsPaneCommandsRequested
End Sub
 
Private Sub OnSettingsPaneCommandsRequested(sender As SettingsPane, args As SettingsPaneCommandsRequestedEventArgs)
   args.Request.ApplicationCommands.Clear()
   args.Request.ApplicationCommands.Add(New SettingsCommand("applicationCommand", "Application", ApplicationCommandInvokedHandler))
End Sub
 
Private Sub ApplicationCommandInvokedHandler(command As IUICommand)
   Dim content As New ApplicationSettings() With { _
      .Width = 346, _
      .Height = Window.Current.Bounds.Height _
   }
   Dim settingsPopup As Popup = SettingsPanelHelper.CreateSettingsPanel(content, Window.Current.Bounds)
   settingsPopup.IsOpen = True
End Sub

Again, you use a Helper to improve the readability of the code. The CreateSettingsPanel of this class helps you create a pop-up that will contain the UserControl that is the SettingsPane. The implementations of this class are discussed in the following section.

C#

public class SettingsPanelHelper
{
   public static Popup CreateSettingsPanel(UserControl content, Rect bounds, double settingsSize = 346)
{
   Popup p = new Popup
   {
       IsLightDismissEnabled = true,
       Width = settingsSize,
       Height = bounds.Height
   };
   p.ChildTransitions = new TransitionCollection
   {
      new PaneThemeTransition
      {
         Edge = SettingsPane.Edge == SettingsEdgeLocation.Right
            ? EdgeTransitionLocation.Right
            : EdgeTransitionLocation.Left
      }
   };
   p.SetValue(Canvas.LeftProperty,
      SettingsPane.Edge == SettingsEdgeLocation.Right ? (bounds.Width - settingsSize) : 0);
    
   p.SetValue(Canvas.TopProperty, 0);
   p.Child = content;
   return p;
   }
}

VB

Imports Windows.UI.ApplicationSettings
Imports Windows.UI.Xaml.Controls.Primitives
Imports Windows.UI.Xaml.Media.Animation
 
Public Class SettingsPanelHelper
    Public Shared Function CreateSettingsPanel(content As UserControl, bounds As Rect, Optional settingsSize As Double = 346) As Popup
        Dim p As New Popup() With { _
            .IsLightDismissEnabled = True, _
            .Width = settingsSize, _
            .Height = bounds.Height _
        }
        p.ChildTransitions = New TransitionCollection()
        Dim transition As New PaneThemeTransition()
        transition.Edge = If(SettingsPane.Edge = SettingsEdgeLocation.Right, EdgeTransitionLocation.Right, EdgeTransitionLocation.Left)
        p.ChildTransitions.Add(transition)
 
        p.SetValue(Canvas.LeftProperty, If(SettingsPane.Edge = SettingsEdgeLocation.Right, (bounds.Width - settingsSize), 0))
        p.SetValue(Canvas.TopProperty, 0)
 
        p.Child = content
        Return p
    End Function
End Class