Question

我正在尝试在我的程序中为datepickers创建一个自定义模板。我基本上使用这个模板行来换行（改变颜色和东西）：

http://msdn.microsoft.com/en-us/library/cc278067(v=vs.95).aspx

我已经尝试通过它并摆脱了这个白色的盒子（一个INSIDE the datepicker textbox），但它正在躲避我。以下是我所看到的截图：

enter image description here

我是否需要额外添加一些东西？或者改变一些现有的价值？还有一个MouseOver事件突出显示带有蓝色窗口渐变的白盒，如果这有帮助..

对于有这个问题的未来人，我做了Brian建议的，只是想我会发布我的代码，所以其他人可以使用它;）我刚刚将它添加到app.xaml

<Style x:Key="{x:Type DatePickerTextBox}" TargetType="{x:Type DatePickerTextBox}">        
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type DatePickerTextBox}">

                <Grid>
                    <Border x:Name="watermark_decorator" BorderBrush="{DynamicResource cControlColor}" BorderThickness="1" 
                                Background="{DynamicResource cControlColor}"/>     
                </Grid>
            </ControlTemplate>
         </Setter.Value>
    </Setter>
</Style>

Answer 1

编辑：更新，因为澄清指向“在此处输入文字”周围的白色矩形。

为此，您需要为DatePickerTextBox创建一个自定义模板，该模板定义为该模板下方的2 / 3rds，并命名为TextBox。您最好的选择是使用Blend创建自定义模板（因为它将生成默认模板），然后修改<Border x:Name="watermark_decorator".../>以更改BorderBrush。例如：

<Style x:Key="MyDatePickerTextBoxStyle" TargetType="{x:Type DatePickerTextBox}">
    <Setter Property="Template">
       <Setter.Value>
         <ControlTemplate TargetType="{x:Type DatePickerTextBox}">
           <Grid>                 
           <!-- Visual State Manager stuff -->
             <Border...>
               <!-- other stuff... -->
               <Border x:Name="watermark_decorator" BorderBrush="[THE BRUSH YOU WANT]" BorderThickness="1">
                 <!-- And so on and so forth... -->
               </Border>
             </Border>
           </Grid>
         </ControlTemplate>
    </Setter>
</Style>

然后，在DatePicker模板中，修改DatePickerTextBox以使用此样式：

<!-- All DatePicker Template stuff -->
<controlsPrimitives:DatePickerTextBox x:Name="TextBox" Style="{DynamicResource MyDatePickerTextBoxStyle}" ... />

你在谈论15上的按钮吗？如果是这样，DatePicker的这一部分的外观在模板的“DropDownButtonTemplate”部分中定义。此模板包含一个较大的VisualStateManager部分，但随后会定义该按钮的模板。有些注释定义了按钮模板的开头和结尾：

<!--Start UI-->
... this is the Button Template ...
<!-- End UI-->

例如，如果要更改按钮顶部蓝色矩形的颜色，MSDN示例将使用此颜色：

<Rectangle Grid.ColumnSpan="4" Grid.RowSpan="1" StrokeThickness="1">
  <Rectangle.Stroke>
    <LinearGradientBrush EndPoint="0.48,-1" StartPoint="0.48,1.25">
       <GradientStop Color="#FF494949" />
       <GradientStop Color="#FF9F9F9F" Offset="1" />
    </LinearGradientBrush>
  </Rectangle.Stroke>
  <Rectangle.Fill>
    <LinearGradientBrush EndPoint="0.3,-1.1" StartPoint="0.46,1.6">
      <GradientStop Color="#FF4084BD" />
      <GradientStop Color="#FFAFCFEA" Offset="1" />
    </LinearGradientBrush>
  </Rectangle.Fill>
</Rectangle>

您可以将其更改为纯色，只需将其更改为：

<Rectangle Grid.ColumnSpan="4" Grid.RowSpan="1" StrokeThickness="1" Stroke="Black" Fill="Green"/>

“白盒子”实际上是带有Border的模板中的x:Name="BackgroundGradient"，因此如果您更改该元素的背景，则可以摆脱白色。

DatePicker自定义模板在其中留下一个白色框

1 个答案: