none
Einstellungen Page / Menü wie in "Windows Mail" RRS feed

  • Frage

  • Hi, 

    welche Technik könnte sich hinter dem "Einstellung" Menü in Windows Mail, Windows Kalender verbergen? 

    Klick auf Einstellung lässt von der Rechten Seite das Einstellungsmenü reinschweben. Wo eine Liste mit den Einstellung Unterpunkten erscheint, und wenn man eins anklickt, z.B. Personalisierung, dort die Einstellungsmöglichkeiten zu sehen sind. 

    SplitView, Flyout? 

    In WIn 8 war das glaube ich SettingsFlyout, aber wird für UWP nicht empfohlen. 

    Danke. 


    • Bearbeitet elTorito Donnerstag, 5. Oktober 2017 07:08
    Donnerstag, 5. Oktober 2017 07:05

Antworten

  • Hallo,

    ich vermute mal das es einfach aus Standard Controls besteht mit ein wenig Animation. Sowas ist auch nicht wirklich schwer zu machen.

    Hier mal als Beispiel, der versteckte Content:

    <Grid>
    
        <!--Content-->
        <Grid>
    
        </Grid>
    
        <!--Beachte das Margin-Right auf -320 steht-->
        <Grid Margin="0,0,-320,0" HorizontalAlignment="Right" Width="320" x:Name="gridRightHiddenContent" Background="WhiteSmoke">
            <Grid.RowDefinitions>
                <RowDefinition Height="40" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
    
            <Button VerticalAlignment="Top" Style="{StaticResource BtnNeutral}" x:Name="btnCloseRightHiddenConten" Content="&#xE10A;" FontFamily="Segoe MDL2 Assets" Click="BtnCloseRightHiddenConten_Click" />
    
        </Grid>
    
    </Grid>
    private async void GridRightHiddenContentVisibilityChange(bool show)
    {
        //Für die Animation benutze ich das Microsoft.Toolkit.Uwp.UI.Animations. Einfach per Nuget reinladen
        if (show)
        {
            await gridRightHiddenContent.Offset(offsetX: -320, duration: 1000).StartAsync();
        }
        else
        {
            await gridRightHiddenContent.Offset(offsetX: 320, duration: 1000).StartAsync();
        }
    }



    Gruß Thomas

    Sage nie, ich kann es nicht - sage nur, ich kann es noch nicht!

    Icon für UWP

    Cross Platform Canvas for UWP, Android, iOS

    UWP Community Toolkit Sample App

    Alle Größenangaben in UWP müssen durch 4 teilbar sein



    Donnerstag, 5. Oktober 2017 11:44

Alle Antworten

  • Hallo,

    ich vermute mal das es einfach aus Standard Controls besteht mit ein wenig Animation. Sowas ist auch nicht wirklich schwer zu machen.

    Hier mal als Beispiel, der versteckte Content:

    <Grid>
    
        <!--Content-->
        <Grid>
    
        </Grid>
    
        <!--Beachte das Margin-Right auf -320 steht-->
        <Grid Margin="0,0,-320,0" HorizontalAlignment="Right" Width="320" x:Name="gridRightHiddenContent" Background="WhiteSmoke">
            <Grid.RowDefinitions>
                <RowDefinition Height="40" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
    
            <Button VerticalAlignment="Top" Style="{StaticResource BtnNeutral}" x:Name="btnCloseRightHiddenConten" Content="&#xE10A;" FontFamily="Segoe MDL2 Assets" Click="BtnCloseRightHiddenConten_Click" />
    
        </Grid>
    
    </Grid>
    private async void GridRightHiddenContentVisibilityChange(bool show)
    {
        //Für die Animation benutze ich das Microsoft.Toolkit.Uwp.UI.Animations. Einfach per Nuget reinladen
        if (show)
        {
            await gridRightHiddenContent.Offset(offsetX: -320, duration: 1000).StartAsync();
        }
        else
        {
            await gridRightHiddenContent.Offset(offsetX: 320, duration: 1000).StartAsync();
        }
    }



    Gruß Thomas

    Sage nie, ich kann es nicht - sage nur, ich kann es noch nicht!

    Icon für UWP

    Cross Platform Canvas for UWP, Android, iOS

    UWP Community Toolkit Sample App

    Alle Größenangaben in UWP müssen durch 4 teilbar sein



    Donnerstag, 5. Oktober 2017 11:44
  • Danke für die Antwort. 

    Habe mich jetzt allerdings doch entschlossen, eine ganz Normale Page zu benutzen. 
    Finde ich nun doch irgendwie sauberer :) 


    Mittwoch, 11. Oktober 2017 07:34