c# - DatePicker 自定义模板在里面留下一个白框

Question

我正在尝试为我的程序中的日期选择器制作自定义模板。我基本上使用这个模板行(改变颜色和东西):

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

我已经尝试通过它并摆脱这个白框(日期选择器文本框内的那个)，但它在逃避我。这是我所看到的屏幕截图:

我需要添加额外的东西吗？或者改变一些现有的值(value)观？如果有帮助的话，还有一个 MouseOver 事件可以突出显示带有蓝色窗口渐变的白框..

对于 future 遇到这个问题的人，我按照 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/3 处定义，并命名为 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" , 所以如果你改变那个元素的背景，你可以去掉白色。