How to show a full screen Modal ContentDialog in Windows Phone 8.1

Wenn ein Benutzer versucht, den login zu meiner app, ich bin die Anzeige eines ContentDialog mit ein paar Textblöcke und eine ProgressBar.

Wähle ich ContentDialog denn es ist modal und sperrt den user, bis die Anwendung sammelt die erforderlichen Informationen und ist bereit, navigieren Sie zur nächsten Seite.

Den folgenden link zeigt den Inhalt Dialog-Klasse, die verfügbar ist für Windows Phone 8.1(Universal Apps).

Dem folgenden code wird die code-behind -, dass ich geschrieben habe, um die Anzeige der ContentDialog (ich habe vorübergehend diese in OnNavigatedTo zum testen, wird später verschieben, um entsprechende Benachrichtigung-Funktion)

//Progress Bar
ProgressBar bar = new ProgressBar();
bar.IsIndeterminate = true;

//Downloading Data text
TextBlock txt = new TextBlock();
txt.Text = "Downloading data...";
txt.FontSize = 17;
txt.Foreground = new SolidColorBrush(Colors.White);
txt.HorizontalAlignment = Windows.UI.Xaml.HorizontalAlignment.Center;

//This could take a few seconds
TextBlock txt2 = new TextBlock();
txt2.Text = "This could take a few seconds.";
txt2.FontSize = 17;
txt2.Foreground = new SolidColorBrush(Colors.White);
txt2.HorizontalAlignment = Windows.UI.Xaml.HorizontalAlignment.Center;

//Please do not close the application.
TextBlock txt3 = new TextBlock();
txt3.Text = "Please do not close the application.";
txt3.FontSize = 17;
txt3.Foreground = new SolidColorBrush(Colors.White);
txt3.HorizontalAlignment = Windows.UI.Xaml.HorizontalAlignment.Center;

StackPanel stk = new StackPanel();
stk.Children.Add(bar);
stk.Children.Add(txt);
stk.Children.Add(txt2);
stk.Children.Add(txt3);


ContentDialog dlg = new ContentDialog();
dlg.Content = stk;
SolidColorBrush color = new SolidColorBrush(Colors.Black);
color.Opacity = 0.7;
dlg.Background = color;
dlg.Margin = new Thickness(0, 250, 0, 0);
dlg.ShowAsync();

Dieser wird als
How to show a full screen Modal ContentDialog in Windows Phone 8.1
Oben können Sie sehen, es ist nur die Abdeckung Teil des Hintergrunds

Ich soll es angezeigt werden
How to show a full screen Modal ContentDialog in Windows Phone 8.1

indem Sie die Vollbild-modal.

Ich habe versucht, die änderung der Höhe und andere Eigenschaften, die aber nicht in der Lage war, um es zu arbeiten.

Ich würde mich freuen, wenn jemand kann mich in die richtige Richtung.

InformationsquelleAutor der Frage vivekp | 2014-06-23

  1. 17

    Ich habe eine Lösung gefunden, die nicht mit dem code hinter. Nicht sicher wenn das ist mehr ein umgehen. Aber es erlaubt mir, leicht zu verwenden, Verbindlich zu entscheiden, Wann Sie zum anzeigen des modalen Dialoges und, wenn Sie es zu verbergen.

    Dies ist mein XAML

    <Grid>
<Grid Visibility="{Binding IsDownloadingData}" Canvas.ZIndex="1" Background="{StaticResource PartiallyTransparentBlackColor}" HorizontalAlignment="Stretch">
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="Auto" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <ProgressBar Grid.Row="1" IsIndeterminate="True"/>
    <TextBlock Grid.Row="2" Text="Downloading Data..." FontSize="17" Foreground="White" HorizontalAlignment="Center"/>
    <TextBlock Grid.Row="3" Text="This could take a few seconds." FontSize="17" Foreground="White" HorizontalAlignment="Center"/>
    <TextBlock Grid.Row="4" Text="Please do not close the application." FontSize="17" Foreground="White" HorizontalAlignment="Center"/>
</Grid>
<ScrollViewer Canvas.ZIndex="0" VerticalAlignment="Stretch" Margin="0,10,0,10">
    <!-- The XAML that should be hidden goes here (In my case LOGIN PAGE XAML) -->
</ScrollViewer>

    Ich spielen, um mit der Sichtbarkeit des Rasters, Leinwand.ZIndex="1" mit Bindung und entscheiden, Wann Sie zum anzeigen des modalen Fensters.

    InformationsquelleAutor der Antwort vivekp

  2. 12

    Können Sie zum Beispiel legen Sie ein Raster als Inhalt Ihrer ContentDialog und seine Höhe/Breite als Grenzen des Aktuellen Fensters oder Ihrer LayoutGrid:

    //your code
stk.VerticalAlignment = Windows.UI.Xaml.VerticalAlignment.Center;
Grid contentGrid = new Grid();
contentGrid.Height = Window.Current.Bounds.Height;
contentGrid.Width = Window.Current.Bounds.Width;
//or from LayoutGrid
//contentGrid.Height = LayoutRoot.ActualHeight;
//contentGrid.Width = LayoutRoot.ActualWidth;
contentGrid.Width -= 40; //it seems that ContentDialog has some defaul margin
contentGrid.Children.Add(stk);

ContentDialog dlg = new ContentDialog();
dlg.Content = contentGrid;
SolidColorBrush color = new SolidColorBrush(Colors.Black);
color.Opacity = 0.7;
dlg.Background = color;
await dlg.ShowAsync();

    Können Sie auch mit einem PopUp.

    InformationsquelleAutor der Antwort Romasz

  3. 5

    In Windows Phone 8.1, ContentDialog hat FullSizeDesired boolean-Eigenschaft, die, wenn auf true gesetzt, öffnet sich der dialog in voller Größe-Modus. (MSDN-link).Würden Sie benötigen, um Background um eine transparente Farbe, Wert, falls gewünscht.

    InformationsquelleAutor der Antwort Sumant

Schreibe einen Kommentar