2016-04-15 4 views
0

Ich entwickle UWP (Win10 - VS2015) -App. Wenn die App ausgeführt wird, hat der Timepicker/Datepicker immer dieses Format. Siehe Img (1), und wenn wir auf das Steuerelement img (1) tippen, zeigt es/popup das Flyout img (2), aber ich muss das anzeigen Ganzseiten-Flyout-Modus (wie img (2)) beim Laden der Seite, anstatt auf den img (1) zu tippen.UWP - So zeigen Sie TimePicker/DatePicker im Open-Format beim Laden der Seite

Ich habe den Stil und die Vorlage von Timepicker überprüft, aber nichts gefunden. PLZ Hilfe.

enter image description here

OR Wie können wir die individuelle Timepicker wie das iPad eine gleiche Kontrolle zu bringen. Siehe img Link here

+0

Nicht sicher bearbeiten, ob es funktioniert. Versuchen Sie dies auf Seite laden FlyoutBase.ShowAttachedFlyout (Absender als FrameworkElement); wo Sende uns TimePicker Element – Archana

Antwort

2

Als Workaround fand ich unter Lösung. Ich hoffe es hilft.

Anfügen TimePickerFlyout an TimePicker .Es hat Placement Eigenschaft. Dort können Sie Full mode angeben.

<TimePicker x:Name="TestTimePicker" ClockIdentifier="24HourClock" Time="0" > 
       <FlyoutBase.AttachedFlyout> 
        <TimePickerFlyout Placement="Full" TimePicked="TimePickerFlyout_TimePicked"/> 
       </FlyoutBase.AttachedFlyout> 
     </TimePicker> 

Beim Laden der Seite showthe Flyout. Vergessen Sie nicht, die Seite UpdateLayout aufzurufen, sonst wird das Flyout nicht geschlossen, wenn Sie auf die Schaltfläche Akzeptieren tippen.

private void MainPage_Loaded(object sender, RoutedEventArgs e) 
     { 
      FlyoutBase.ShowAttachedFlyout(TestTimePicker); 
      UpdateLayout(); 
     } 

In TimePicked Ereignis zuordnen Zeit TimePicker

private void TimePickerFlyout_TimePicked(TimePickerFlyout sender, TimePickedEventArgs args) 
     { 
      TestTimePicker.Time = sender.Time; 
     } 

Hier ist die Screen ausgewählt. Wenn Sie die Breite und Höhe erhöhen möchten, können Sie den Stil TimePickerFlyoutPresenter

enter image description here

+0

Vielen Dank, es löste 80% meines Problems, Rest werde ich InshaAllah verwalten. Noch einmal vielen Dank. –

+0

Hallo, wie bekomme ich die Zeit in diesem Format (4:00 PM oder 9:34 AM) in TestTimePicker.Time = sender.Time, kann ich den Wert ohne PM/AM über diese TestTimePicker.Time = sender.Time erhalten .ToString (@ "hh \: mm"), aber ich brauche das eigentliche Format wie ich erwähnt habe. PLZ –

+0

PLZ überprüfen Sie diese Frage/Post. http://stackoverflow.com/questions/37043765/uwp-how-to-format-time-in-timepicker-timechanged-select-time-without-buttons-i –

1

Sie auch TimePicker from Syncfusion

Oder Sie können versuchen Stil für standart UWP Timepicker bearbeiten können. Es ist in der Datei generic.xaml befindet, die im Inneren Ordner wie

C sein sollte: \ Programme \ Windows Kits \ 10 \ Designtime \ CommonConfiguration \ Neutral \ UAP \ 10.0.10240.0 \ Generisches

Sie für Timepicker SERCH können oder TimePickerFlyoutPresenter

+0

Ich brauche eigentlich, wie man dieses Popup zeigt, wenn die App läuft, anstatt auf das Steuerelement tippen und dann das Flyout von Timepicker anzeigen. Dein Link hat die ältere Ansicht des Timepickers und mein man hat die aktuellste Ansicht ... aber das Problem ist wie gesagt, wie man es direkt beim Laden der App öffnet. –

+0

Sie haben ein Bild mit Standard-UWP-Steuerung, aber ich gebe Ihnen die Option, ein anderes Steuerelement von Syncfusion zu verwenden. Das sind 2 verschiedene Steuerelemente, sie sind keine alten und neuen Versionen. –

+0

OK gut. Ist das eine separate Bibliothek, was ist das für eine Syncfusion? Wie man seine Kontrollen benutzt. Ich werde es benutzen und werde es dann wissen lassen. –

Verwandte Themen