Windows 10 mobile (UWP) Flyout mit Kalender-Picker auf dem Bildschirm sperren

Question

Ich habe erstellt Flyout zu meinem appbarbutton mit einem Textfeld ein Steuerelement, um ein Datum "CalendarDatePicker" auszuwählen.

Das Problem ist, dass, wenn ich ein Datum aus dem Steuerelement Kalender auswählen wird angezeigt und mein Flyout verschwinden. Ich dachte daran, mein Flyout zu sperren, aber ich weiß nicht, wie ich es machen soll. Es verschwindet sogar, wenn ich außerhalb des Flyouts klicke. Ist es möglich?

<AppBarButton x:Name="btnAppAddEvent" Icon="Add" Label="Dodaj" > 
      <AppBarButton.Flyout> 
       <Flyout x:Name="flAdd" Placement="Full" > 
        <Flyout.FlyoutPresenterStyle> 
         <Style TargetType="FlyoutPresenter"> 
          <Setter Property="MaxHeight" Value="350"></Setter> 
          <Setter Property="MaxWidth" Value="300"></Setter> 
          <Setter Property="Background" Value="#FF8096BD"></Setter> 
         </Style> 
        </Flyout.FlyoutPresenterStyle> 

        <StackPanel Height="300" > 
         <TextBox x:Name="txtNameAdd" FontSize="23" Height="40"></TextBox> 

         <CalendarDatePicker HorizontalAlignment="Center" x:Name="calendar" Margin="0,30,0,0" /> 
         <AppBarButton x:Name="btnAddEv" BorderBrush="Black" HorizontalAlignment="Center" Icon="Accept" Click="btnAddEv_Click" Margin="0,20,0,0"></AppBarButton> 
         <TextBlock x:Name="txtMess2" HorizontalAlignment="Center" FontSize="15" Foreground="Red" Margin="0,10,0,0" ></TextBlock> 

        </StackPanel> 
       </Flyout> 
      </AppBarButton.Flyout> 
     </AppBarButton> 

Answer 1

Das Problem ist, dass, wenn ich ein Datum aus Steuer Kalendern wählen wird gezeigt und mein Flyout dissapear.

Ich habe Ihren Code auf meiner Seite getestet. Im neuesten Windows 10 SDK Build 14393 ist dieses Problem nicht mehr vorhanden. Wenn wir Daten aus dem Kalender-Steuerelement auswählen, das sich in dem Steuerelement Flyout befindet, wird Flyout nicht verschwinden. Aber im vorherigen SDK wie Build 10586 ist dein Problem vorhanden und es sieht so aus, als könnten wir es derzeit nicht ändern, indem wir es setzen.

Es verschwindet sogar, wenn ich außerhalb des Flyout klicke.

Für dieses Szenario ist es von Entwurf. Entsprechend der Beschreibung von Flyout Steuerung:

Stellt ein Steuerelement dar, das eine leichtgewichtige Benutzeroberfläche anzeigt, bei der es sich entweder um Informationen handelt oder Benutzerinteraktion erforderlich ist. Im Gegensatz zu einem Dialog kann ein Flyout durch Klicken oder Tippen außerhalb des Bildschirms, Drücken der Zurück-Taste des Geräts oder Drücken der Esc-Taste ausgeschaltet werden.

Flyout Steuerelement ist für die Anzeige von leichten UI konzipiert und kann leicht entlassen werden. Wenn Sie nicht möchten, dass die Benutzeroberfläche durch Tippen auf die Außenseite geschlossen wird, können Sie andere Steuerelemente wie ContentDialog steuern. Weitere Informationen zu ContentDialog finden Sie unter official sample.