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

【问题标题】：How to reduce size of DatePicker in Window Universal App in Windows 10?如何在 Windows 10 的 Window Universal App 中减小 DatePicker 的大小？
【发布时间】：2016-04-19 23:05:07
【问题描述】：

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

它在桌面状态（视图）（>720）下工作正常。但是在 Tablet State(View) (

我已经为它设置了 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。

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

【问题讨论】：

标签： datepicker visual-studio-2015 windows-store-apps win-universal-app windows-10-universal

【解决方案1】：

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

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

【讨论】：