Windows Dev Center

Language: HTML | XAML

Schnellstart: Hinzufügen von App-Einstellungen (XAML)

Fügen Sie dem Einstellungsbereich Ihrer App mit dem XAML SettingsFlyout-Steuerelement angepasste Einstellungen hinzu.

Alle Windows Store-Apps unterliegen automatisch dem Vertrag für Einstellungen. Auch wenn Sie die Einstellungen Ihrer App nicht ändern, kann der Benutzer über das Charm "Einstellungen" den standardmäßigen Einstellungsbereich aufrufen. Dieser standardmäßige Einstellungsbereich des Systems enthält den Link Berechtigungen sowie sechs Systemeinstellungen, einschließlich Volumen- und Energieverwaltungsoptionen sowie Netzwerkinformationen. Sie können den Bereich allerdings durch Erstellen eigener Appeinstellungen anhand des SettingsFlyout-Steuerelements anpassen und vom Einstellungsbereich auf die neuen benutzerdefinierten verweisen.

In dieser Schnellstartanleitung erfahren Sie, wie Sie ein neues SettingsFlyout-Element erstellen, App-spezifische Inhalte und Steuerelemente hinzufügen und die neue Einstellung mit einem neuen SettingsCommand-Element und dem SettingsPane.CommandsRequested-Ereignis in den Einstellungsbereich integrieren. Befolgen Sie die Schnellstartanleitung, um benutzerdefinierte Einstellungen in den Einstellungsbereich Ihrer App zu integrieren. Kopieren Sie den Code aus den folgenden Schritten, um ein benutzerdefiniertes Flyout zu erstellen, das folgendermaßen aussieht:

Screenshot des benutzerdefinierten SettingsFlyout-Elements aus dieser Schnellstartanleitung

Sehen Sie dieses Feature in unserer Reihe App-Features von A bis Z in Aktion.:  Windows Store-App-Benutzeroberfläche von A bis Z

Sie möchten Apps mit Javascript und HTML schreiben? Weitere Informationen finden Sie unter Quickstart: Adding app settings using Javascript.

Voraussetzungen

  • Um die in dieser Schnellstartanleitung beschriebenen Schritte durchzuführen, benötigen Sie Microsoft Visual Studio 2013 und Windows 8.1. Informationen zum Herunterladen finden Sie unter Herunterladen der Tools.
  • In dieser Schnellstartanleitung gehen wir ebenfalls davon aus, dass einem vorhandenen Windows Store-App-Projekt benutzerdefinierte Einstellungen mit C#, Visual Basic oder C++ hinzugefügt werden sollen. Haben Sie noch keine App erstellt, wählen Sie Ihre bevorzugte Sprache aus, und gehen Sie gemäß unserer schrittweisen Anleitung vor:
  • Schlagen Sie in den Richtlinien für App-Einstellungen nach, um einen kurzen Überblick über das Charm "Einstellungen" und den Einstellungsbereich sowie Empfehlungen zur optimalen Verwendung dieser Features in Ihrer App zu erhalten.

Schritt 1: Erstellen eines neuen SettingsFlyout-Elements für Ihre App

Gehen Sie folgendermaßen vor, um einer vorhandenen Windows Store-App ein SettingsFlyout-Element hinzuzufügen. Das standardmäßige SettingsFlyout-Steuerelement weist einen Kopfzeilenbereich mit einem Titel, eine Zurück-Schaltfläche, ein Logosymbol und einen Inhaltsbereich auf.

  • Öffnen Sie das in Visual Studio 2013 erstellte Windows Store-App-Projekt.
  • Wählen Sie das Menü Projekt aus, und klicken Sie auf Neues Element hinzufügen. Das Dialogfeld Neues Element hinzufügen wird angezeigt. (Sie können auch die Tastenkombination STRG+UMSCHALTTASTE+A verwenden, um das Dialogfeld zu öffnen.)
  • Wählen Sie im Abschnitt Visual C# die Option Windows Store aus.
  • Wählen Sie im mittleren Bereich unten die Option Einstellungs-Flyout aus.
  • Geben Sie in das Textfeld Name einen Namen für das SettingsFlyout-Element ein. In diesem Beispiel wird der Name "CustomSetting" verwendet. Visual Studio 2013 erstellt eine CustomSetting.xaml-Datei und eine entsprechende CustomSetting.xaml.cs-Datei. Diese CustomSetting-Dateien werden nun mit den übrigen Projektdateien im Projektmappen-Explorer angezeigt.

Schritt 2: Hinzufügen von Inhalten und Steuerelementen zum benutzerdefinierten SettingsFlyout-Element

Nach dem Hinzufügen des SettingsFlyout-Elements aus dem vorherigen Schritt öffnen Sie die CustomSetting.xaml-Datei. Ersetzen Sie den Standardinhalt mit App-spezifischen Informationen, und gestalten Sie dann das Flyout so, dass es zum Designschema passt. Ein SettingsFlyout-Element kann folgendermaßen geändert werden:

  • Ändern Sie den Anzeigetitel des Flyouts mit der Title-Eigenschaft. Standardmäßig entspricht der oben auf dem Flyout angezeigte Name dem Namen des SettingsFlyout-Elements beim Hinzufügen zum Projekt.
  • Passen Sie ggf. die Breite des Flyouts an. Hinweis: Die standardmäßige Breite eines SettingsFlyout-Elements ist schmal (346 Pixel) und entspricht der Breite des SettingsPane-Elements.
  • Ändern oder entfernen Sie das Logosymbol, indem Sie die IconSource-Eigenschaft zurücksetzen oder entfernen.
  • Ändern Sie das Farbschema oder Schriftarten. Verwenden Sie den Bereich Einstellungen. Wird dieser Bereich nicht neben der Registerkarte für den Projektmappen-Explorer rechts im Bildschirm angezeigt, öffnen Sie das Menü Ansicht, und klicken Sie auf Eigenschaften, oder verwenden Sie die Tastenkombination STRG+W+P, um den Bereich zu öffnen.
  • Fügen Sie ggf. Steuerelemente hinzu. Je nach Zweck der Einstellung empfiehlt sich möglicherweise die Verwendung standardmäßiger XAML-Steuerelemente für Windows Store-Apps. Weitere Informationen zu standardmäßigen XAML-Steuerelementen finden Sie in der Steuerelementliste oder unter Quickstart: Adding controls and content.
  • Fügen Sie ggf. Inhaltsabschnitte hinzu.

Bedenken Sie, dass die Zurück-Schaltfläche eines SettingsFlyout-Elements nicht entfernt werden kann. Ein SettingsFlyout-Element wird zudem stets an die Bildschirmhöhe angepasst.

Möchten Sie erfahren, wie einige häufig verwendete Steuerelemente implementiert werden, kopieren Sie die folgende XAML in die CustomSetting.xaml-Datei. Der Code ersetzt den standardmäßigen SettingsFlyout-Inhalt mit Beispielen für ToggleSwitch-, Button-, ComboBox-, HyperlinkButton-, TextBox- und RadioButton-Elemente.

Wichtig: Wird einem Projekt ein neues SettingsFlyout-Element hinzugefügt, enthalten die automatisch generierten Klassen- und Namespacedeklarationen den Projektnamen. Da der folgende Codeausschnitt in einem Projekt mit dem Namen "AppSettingsExample" erstellt wurde, kann der Code keine Erstellung durchführen, bevor die Bezeichnung "AppSettingsExample" nicht mit dem Namen Ihres Projekts in den folgenden Zeilen ersetzt wurde:

  • x:Class="AppSettingsExample.CustomSetting" mit x:Class="<Name Ihres Projekts>.CustomSetting" ersetzen
  • xmlns:local="using:AppSettingsExample" mit xmlns:local="using:<Name Ihres Projekts>" ersetzen

<SettingsFlyout
    x:Class="AppSettingsExample.CustomSetting"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:AppSettingsExample"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    IconSource="Assets/SmallLogo.png"
    Title="CustomSetting"
    d:DesignWidth="346">

    <!-- This StackPanel acts as a root panel for vertical layout of the content sections -->
    <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >

        <!-- Toggle switch -->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
            <TextBlock Text="Toggle Switch" Style="{StaticResource TitleTextBlockStyle}"/>
            <TextBlock Margin="0,0,0,25" Text="Use toggle switches to let users set Boolean values." Style="{StaticResource BodyTextBlockStyle}"/>
            <ToggleSwitch Margin="-6,0,0,0" Header = "Download updates automatically" HorizontalAlignment="Left" HorizontalContentAlignment="Left"/>
            <ToggleSwitch Margin="-6,0,0,0" Header = "Install updates automatically" HorizontalAlignment="Stretch"/>
        </StackPanel>
        
        <!-- Button -->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
            <TextBlock Text="Push button" Style="{StaticResource TitleTextBlockStyle}"/>
            <TextBlock Margin="0,0,0,25" Text="With a push button, users initiate an immediate action." Style="{StaticResource BodyTextBlockStyle}"/>
            <TextBlock Text="Button label" Style="{StaticResource BodyTextBlockStyle}"/>
            <Button Margin="-3,0,0,0" Content="Clear"/>
        </StackPanel>

        <!-- ComboBox -->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
            <TextBlock Text="ComboBox" Style="{StaticResource TitleTextBlockStyle}"/>
            <TextBlock Margin="0,0,0,25" Text="Use the ComboBox to allow users to select one item from a set of text-only items." Style="{StaticResource BodyTextBlockStyle}"/>
            <ComboBox Header="State:" Margin="0,7,0,0" SelectedIndex="0" HorizontalAlignment="Left">
                <ComboBoxItem Content="Washington"/>
                <ComboBoxItem Content="Oregon"/>
                <ComboBoxItem Content="California"/>
            </ComboBox>
        </StackPanel>
        
        <!-- HyperlinkButton -->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
            <TextBlock Text="Hyperlink" Style="{StaticResource TitleTextBlockStyle}"/>
            <TextBlock Margin="0,0,0,25" Text="Use a hyperlink when the associated action will take the user out of this flyout." Style="{StaticResource BodyTextBlockStyle}"/>
            <HyperlinkButton Padding="-5,0,0,0" Content="View privacy statement" Tag="http://privacy.microsoft.com" HorizontalAlignment="Left"/>
        </StackPanel>

        <!-- TextBox -->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
            <TextBlock Text="TextBox" Style="{StaticResource TitleTextBlockStyle}"/>
            <TextBlock Margin="0,0,0,25" Text="Use a TextBox to allow users to enter text." Style="{StaticResource BodyTextBlockStyle}"/>
            <StackPanel Margin="0,7,0,0" Orientation="Horizontal">
                <TextBox HorizontalAlignment="Left" Width="150"/>
                <Button Margin="20,0,0,0" Content="Add"/>
            </StackPanel>
        </StackPanel>

        <!-- RadioButton -->
        <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
            <TextBlock Text="Radio button group" Style="{StaticResource TitleTextBlockStyle}"/>
            <TextBlock Margin="0,0,0,25" Text="Lets users choose one item from a small set of mutually exclusive, related options." Style="{StaticResource BodyTextBlockStyle}"/>
            <TextBlock Text="Video quality" Style="{StaticResource BodyTextBlockStyle}"/>
            <RadioButton Margin="0,7,0,0" Content="High"/>
            <RadioButton Margin="0,17,0,0" Content="Medium"/>
            <RadioButton Margin="0,17,0,0" Content="Low"/>
        </StackPanel>
    </StackPanel>
</SettingsFlyout>


Schritt 3: Hinzufügen eines SettingsFlyout-Elements zum Einstellungsbereich Ihrer App

Mit dem SettingsFlyout-Steuerelement können Sie ganz einfach das angepasste Flyout dem Einstellungsbereich der App hinzufügen. Fügen Sie der App folgende C#-Codeausschnitte hinzu. Der Einstellungsbereich enthält anschließend den Befehl "Benutzerdefinierte Einstellung", der auf das neue Flyout verweist.

Fügen Sie zunächst den ApplicationSettings-Namespace der App.xaml.cs-Seite Ihrer App hinzu:


	using Windows.UI.ApplicationSettings;

Mit dem folgenden Code bereitet die OnWindowCreated-Methode den Einstellungsbereich beim Starten der App vor. Das OnCommandsRequested-Element fügt dem Einstellungsbereich den Befehl "Benutzerdefinierte Einstellung" hinzu. Das SettingsCommand-Element legt die Label-, Id- und Invoked-Eigenschaften der benutzerdefinierten Einstellung fest. Legen Sie die Label-Eigenschaft auf den Namen fest, der dem Benutzer im Einstellungsbereich angezeigt werden soll. Die Invoked-Eigenschaft legt den Handler für das ausgelöste Ereignis fest, sobald ein Benutzer den Befehl im Einstellungsbereich auswählt. In diesem Beispiel wird ein Ereignishandler mit dem Namen ShowCustomSettingFlyout hinzugefügt. Der Ereignishandler erstellt und öffnet das Flyout, sobald der Benutzer im Einstellungsbereich auf "Benutzerdefinierte Einstellung" klickt.

Fügen Sie der App.xaml.cs-Datei folgenden C#-Code hinzu, um dem Einstellungsbereich Ihrer App das angepasste Flyout hinzuzufügen:


        protected override void OnWindowCreated(WindowCreatedEventArgs args)
        {
            SettingsPane.GetForCurrentView().CommandsRequested += OnCommandsRequested;
        }

        private void OnCommandsRequested(SettingsPane sender, SettingsPaneCommandsRequestedEventArgs args)
        {

            args.Request.ApplicationCommands.Add(new SettingsCommand(
                "Custom Setting", "Custom Setting", (handler) => ShowCustomSettingFlyout()));
        }

        public void ShowCustomSettingFlyout()
        {
            CustomSetting CustomSettingFlyout = new CustomSetting();
            CustomSettingFlyout.Show();
        }


Zeigt der Benutzer jetzt den Einstellungsbereich an (entweder durch Streifen vom rechten Bildschirmrand und Auswählen des Charms "Einstellungen" oder durch Betätigen der Windows-Taste+I), wird der Einstellungsbereich mit Links zu Ihrem angepassten Flyout sowie das vom System erstellte Flyout Berechtigungen angezeigt.

Vollständige Codebeispiele

Im Folgenden finden Sie die vollständigen beiden Seiten, die in dieser Schnellstartanleitung geändert wurden:

  • CustomSetting.xaml: Dieser Code wird erst erstellt, sobald Sie x:Class="AppSettingsExample.CustomSetting" mit x:Class="<Name Ihres Projekts>.CustomSetting" und xmlns:local="using:AppSettingsExample" mit xmlns:local="using:<Name Ihres Projekts>" ersetzen.
    
    <SettingsFlyout
        x:Class="AppSettingsExample.CustomSetting"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:AppSettingsExample"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d"
        IconSource="Assets/SmallLogo.png"
        Title="CustomSetting"
        d:DesignWidth="346">
    
        <!-- This StackPanel acts as a root panel for vertical layout of the content sections -->
        <StackPanel VerticalAlignment="Stretch" HorizontalAlignment="Stretch" >
    
            <!-- Toggle switch -->
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <TextBlock Text="Toggle Switch" Style="{StaticResource TitleTextBlockStyle}"/>
                <TextBlock Margin="0,0,0,25" Text="Use toggle switches to let users set Boolean values." Style="{StaticResource BodyTextBlockStyle}"/>
                <ToggleSwitch Margin="-6,0,0,0" Header = "Download updates automatically" HorizontalAlignment="Left" HorizontalContentAlignment="Left"/>
                <ToggleSwitch Margin="-6,0,0,0" Header = "Install updates automatically" HorizontalAlignment="Stretch"/>
            </StackPanel>
            
            <!-- Button -->
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <TextBlock Text="Push button" Style="{StaticResource TitleTextBlockStyle}"/>
                <TextBlock Margin="0,0,0,25" Text="With a push button, users initiate an immediate action." Style="{StaticResource BodyTextBlockStyle}"/>
                <TextBlock Text="Button label" Style="{StaticResource BodyTextBlockStyle}"/>
                <Button Margin="-3,0,0,0" Content="Clear"/>
            </StackPanel>
    
            <!-- ComboBox -->
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <TextBlock Text="ComboBox" Style="{StaticResource TitleTextBlockStyle}"/>
                <TextBlock Margin="0,0,0,25" Text="Use the ComboBox to allow users to select one item from a set of text-only items." Style="{StaticResource BodyTextBlockStyle}"/>
                <ComboBox Header="State:" Margin="0,7,0,0" SelectedIndex="0" HorizontalAlignment="Left">
                    <ComboBoxItem Content="Washington"/>
                    <ComboBoxItem Content="Oregon"/>
                    <ComboBoxItem Content="California"/>
                </ComboBox>
            </StackPanel>
            
            <!-- HyperlinkButton -->
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <TextBlock Text="Hyperlink" Style="{StaticResource TitleTextBlockStyle}"/>
                <TextBlock Margin="0,0,0,25" Text="Use a hyperlink when the associated action will take the user out of this flyout." Style="{StaticResource BodyTextBlockStyle}"/>
                <HyperlinkButton Padding="-5,0,0,0" Content="View privacy statement" Tag="http://privacy.microsoft.com" HorizontalAlignment="Left"/>
            </StackPanel>
    
            <!-- TextBox -->
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <TextBlock Text="TextBox" Style="{StaticResource TitleTextBlockStyle}"/>
                <TextBlock Margin="0,0,0,25" Text="Use a TextBox to allow users to enter text." Style="{StaticResource BodyTextBlockStyle}"/>
                <StackPanel Margin="0,7,0,0" Orientation="Horizontal">
                    <TextBox HorizontalAlignment="Left" Width="150"/>
                    <Button Margin="20,0,0,0" Content="Add"/>
                </StackPanel>
            </StackPanel>
    
            <!-- RadioButton -->
            <StackPanel Style="{StaticResource SettingsFlyoutSectionStyle}">
                <TextBlock Text="Radio button group" Style="{StaticResource TitleTextBlockStyle}"/>
                <TextBlock Margin="0,0,0,25" Text="Lets users choose one item from a small set of mutually exclusive, related options." Style="{StaticResource BodyTextBlockStyle}"/>
                <TextBlock Text="Video quality" Style="{StaticResource BodyTextBlockStyle}"/>
                <RadioButton Margin="0,7,0,0" Content="High"/>
                <RadioButton Margin="0,17,0,0" Content="Medium"/>
                <RadioButton Margin="0,17,0,0" Content="Low"/>
            </StackPanel>
        </StackPanel>
    </SettingsFlyout>
    
    
    
  • App.xaml.cs
    
    using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using System.Runtime.InteropServices.WindowsRuntime;
    using Windows.ApplicationModel;
    using Windows.ApplicationModel.Activation;
    using Windows.Foundation;
    using Windows.Foundation.Collections;
    using Windows.UI.Xaml;
    using Windows.UI.Xaml.Controls;
    using Windows.UI.Xaml.Controls.Primitives;
    using Windows.UI.Xaml.Data;
    using Windows.UI.Xaml.Input;
    using Windows.UI.Xaml.Media;
    using Windows.UI.Xaml.Navigation;
    using Windows.UI.ApplicationSettings;
    
    // The Blank Application template is documented at http://go.microsoft.com/fwlink/p/?LinkID=234227
    
    namespace AppSettingsExample
    {
        /// <summary>
        /// Provides application-specific behavior to supplement the default Application class.
        /// </summary>
        sealed partial class App : Application
        {
            /// <summary>
            /// Initializes the singleton application object.  This is the first line of authored code
            /// executed, and as such is the logical equivalent of main() or WinMain().
            /// </summary>
            public App()
            {
                this.InitializeComponent();
                this.Suspending += OnSuspending;
            }
    
            /// <summary>
            /// Invoked when the application is launched normally by the end user.  Other entry points
            /// will be used such as when the application is launched to open a specific file.
            /// </summary>
            /// <param name="e">Details about the launch request and process.</param>
            protected override void OnLaunched(LaunchActivatedEventArgs e)
            {
    
    #if DEBUG
                if (System.Diagnostics.Debugger.IsAttached)
                {
                    this.DebugSettings.EnableFrameRateCounter = true;
                }
    #endif
    
                Frame rootFrame = Window.Current.Content as Frame;
    
                // Do not repeat app initialization when the Window already has content,
                // just ensure that the window is active
                if (rootFrame == null)
                {
                    // Create a Frame to act as the navigation context and navigate to the first page
                    rootFrame = new Frame();
                    // Set the default language
                    rootFrame.Language = Windows.Globalization.ApplicationLanguages.Languages[0];
    
                    rootFrame.NavigationFailed += OnNavigationFailed;
    
                    if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
                    {
                        //TODO: Load state from previously suspended application
                    }
    
                    // Place the frame in the current Window
                    Window.Current.Content = rootFrame;
                }
    
                if (rootFrame.Content == null)
                {
                    // When the navigation stack isn't restored navigate to the first page,
                    // configuring the new page by passing required information as a navigation
                    // parameter
                    rootFrame.Navigate(typeof(MainPage), e.Arguments);
                }
                // Ensure the current window is active
                Window.Current.Activate();
            }
    
            /// <summary>
            /// Invoked when Navigation to a certain page fails
            /// </summary>
            /// <param name="sender">The Frame which failed navigation</param>
            /// <param name="e">Details about the navigation failure</param>
            void OnNavigationFailed(object sender, NavigationFailedEventArgs e)
            {
                throw new Exception("Failed to load Page " + e.SourcePageType.FullName);
            }
    
            /// <summary>
            /// Invoked when application execution is being suspended.  Application state is saved
            /// without knowing whether the application will be terminated or resumed with the contents
            /// of memory still intact.
            /// </summary>
            /// <param name="sender">The source of the suspend request.</param>
            /// <param name="e">Details about the suspend request.</param>
            private void OnSuspending(object sender, SuspendingEventArgs e)
            {
                var deferral = e.SuspendingOperation.GetDeferral();
                //TODO: Save application state and stop any background activity
                deferral.Complete();
            }
    
            protected override void OnWindowCreated(WindowCreatedEventArgs args)
            {
                SettingsPane.GetForCurrentView().CommandsRequested += OnCommandsRequested;
            }
    
            private void OnCommandsRequested(SettingsPane sender, SettingsPaneCommandsRequestedEventArgs args)
            {
    
                args.Request.ApplicationCommands.Add(new SettingsCommand(
                    "Custom Setting", "Custom Setting", (handler) => ShowCustomSettingFlyout()));
            }
    
            public void ShowCustomSettingFlyout()
            {
                CustomSetting CustomSettingFlyout = new CustomSetting();
                CustomSettingFlyout.Show();
            }
    
        }
    }
    
    
    

Zusammenfassung

Sie haben ein benutzerdefiniertes SettingsFlyout-Element erstellt und in den Einstellungsbereich Ihrer App integriert. Um ein weiteres SettingsFlyout-Element hinzuzufügen, erstellen Sie einfach ein weiteres Flyout mit dem SettingsFlyout-Steuerelement, fügen Sie eine neue args.Request.ApplicationCommands.Add(new Settings Command())-Zeile zum OnCommandsRequested-Element hinzu, und schreiben Sie einen Ereignishandler, um das neue SettingsFlyout-Element zu instantiieren und anzuzeigen.

Möchten Sie der App Hilfeinhalte hinzufügen, finden Sie Informationen hierzu unter Quickstart: Add app help (Windows Store app using C++, C#, or VB).

Verwandte Themen

Referenz
SettingsFlyout class
SettingsFlyout.ShowIndependent method
SettingsFlyout.Show method
SettingsFlyout.IconSource property
ApplicationSettings namespace
Application.OnWindowCreated method
ApplicationSettings.SettingsCommand class
SettingsPane class
SettingsPane.CommandsRequested event
SettingsPane.Show method
Beispiele
Beispiel für App-Einstellungen
Szenarien für Reversi-Beispielfeatures: Einstellungsflyout
Schnellstarts
Quickstart: Adding app settings (Windows Store apps using Javascript)
Quickstart: Add app help (Windows Store apps using C++, C#, or VB)
Quickstart: Adding controls and content (Windows Store apps using C#/VB/C++ and XAML)
Richtlinien
Richtlinien für App-Einstellungen
Guidelines for flyouts
Konzeptioneller Überblick
Charms
Steuerelementliste (Windows Store-Apps mit C#/VB/C++ und XAML)
App-Features von A bis Z
Windows Store-App-UI von A bis Z (XAML)

 

 

Anzeigen:
© 2015 Microsoft