如何在 Windows 10 的 Window Universal App 中减小 DatePicker 的大小？

Question

我正在 Windows 10 中开发电子商务通用应用程序。我有 DatePicker 控件来管理 Between Dates 的过滤器。

它在 Desktop State(View) (>720) 下工作正常。但是 DatePicker 的宽度在 Tablet State(View) (<720) 中没有减少。

我已经设置了Setter:

<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>

通常，这适用于我的应用程序中的其他控件，无论是桌面视图、平板电脑视图还是移动视图。但它不适用于 DatePicker。

任何人都可以建议我如何实现这一目标吗？

Answer 1

DatePicker 还默认设置了 MinWidth 属性，因此您也必须为此 属性 加入 setter。否则，当您的 Width 值较小时，它会采用 MinWidth 值。 它应该是这样的：

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