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

时间:2016-04-19 14:05:34

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

我正在使用Windows 10中的ECommerce Universal应用程序。我有DatePicker控件来管理Between Dates的过滤器。

它在Desktop State(View)(> 720)中正常工作。但是,平板电脑状态(视图)(< 720)中DatePicker的宽度不会减少。

我为它设置了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不起作用。

有人可以建议我如何实现这个目标吗? enter image description here

1 个答案:

答案 0 :(得分:0)

DatePicker还将MinWidth属性设置为默认值,因此您也必须加入此属性的setter。否则,当您的Width值较小时,它需要MinWidth值。 它应该是这样的:

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