Wie Größe von DatePicker in Windows Universal App in Windows 10 reduzieren?

Question

Ich arbeite an der ECommerce Universal-App in Windows 10. Ich habe DatePicker-Steuerelement, um Filter für Zwischen Daten zu verwalten.

Es funktioniert gut in Desktop-Zustand (View) (> 720). Die Breite von DatePicker wird jedoch im Tablet-Status (View) nicht reduziert (< 720).

Ich habe Set Setter für sie:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> 
    <VisualStateManager.VisualStateGroups> 
     <VisualStateGroup x:Name="PageSizeStatesGroup" 
          CurrentStateChanged="OnCurrentStateChanged"> 
      <VisualState x:Name="MediumState"> 
       <VisualState.StateTriggers> 
        <AdaptiveTrigger MinWindowWidth="720" /> 
       </VisualState.StateTriggers> 
       <VisualState.Setters> 
        <!--Set width to 215 but it doesn't reduce--> 
        <Setter Target="datepicker1.Width" Value="215"></Setter> 
       </VisualState.Setters> 
      </VisualState> 
     </VisualStateGroup> 
    </VisualStateManager.VisualStateGroups> 
</Grid> 

Im Allgemeinen funktioniert dies für andere Steuer in meiner Anwendung, ob es für Desktop-Ansicht oder Tablet-Ansicht oder Mobilansicht ist. Aber es funktioniert nicht für DatePicker.

Kann mir jemand vorschlagen, wie man das erreicht?

Answer 1

DatePicker hat auch die Eigenschaft MinWidth als Standard festgelegt, daher müssen Sie auch für diese Eigenschaft dem Setter beitreten. Andernfalls wird der Wert MinWidth genommen, wenn der Wert für die Breite kleiner ist. Es sollte in etwa so aussehen:

<Setter Target="datePicker1.MinWidth" Value="215" />