2015-08-20 43 views
6

我不能爲我的生活想出解決辦法,使用相同的控制模板,我在我的面板獲得一個元素的模糊裝飾器:模糊的Adorner WPF XAML

enter image description here

控制模板:

<ControlTemplate x:Key="validationErrorTemplateBubble" > 
<DockPanel > 
    <Grid DockPanel.Dock="Bottom" Margin="10,0,0,0" > 
     <Grid.Effect> 
      <DropShadowEffect ShadowDepth="2" Direction="315" /> 
     </Grid.Effect> 
     <Grid.RowDefinitions> 
      <RowDefinition Height="*"/> 
      <RowDefinition Height="Auto"/> 
      <RowDefinition Height="Auto"/> 
     </Grid.RowDefinitions> 

     <Border Grid.Row="1" BorderBrush="Gray" BorderThickness="1" CornerRadius="5" Margin="0,-1.6,0,0"> 
      <Border.Background> 
       <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
        <GradientStop Color="#FFE7E8F1" Offset="1"/> 
        <GradientStop Color="White"/> 
        <GradientStop Color="#FFF3F4F6" Offset="0.472"/> 
       </LinearGradientBrush> 
      </Border.Background> 

      <Grid> 
       <WrapPanel VerticalAlignment="Center" Margin="5,5,10,5"> 
        <Image Source="/Sesam;component/Modules/Images/wrongsmall.png" Height="15" Width="15" /> 
        <TextBlock Foreground="Red" FontSize="12" Margin="5,0,0,0" Text="{Binding ElementName=ErrorAdorner, Path=AdornedElement.(Validation.Errors).CurrentItem.ErrorContent}" /> 
       </WrapPanel> 
       <ContentPresenter Margin="5" Grid.Column="1" Grid.Row="1"/> 
      </Grid> 
     </Border> 
     <Path Data="M306.375,133.125L306.375,100.875L335.75,133.25" Stroke="Gray" Height="15" Fill="White" StrokeThickness="1" Stretch="Uniform" Margin="10,0,0,0" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
    </Grid> 
    <AdornedElementPlaceholder x:Name="ErrorAdorner" /> 
</DockPanel> 

非Blury文本框代碼:

<TextBox BorderThickness="0" VerticalAlignment="Center" Width="150" Padding="3" Margin="8,0,0,0" Foreground="{StaticResource myDarkBlue}" Text="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListView}}, Path=DataContext.encTypeValidation, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" Validation.ErrorTemplate="{StaticResource validationErrorTemplateBubble}" HorizontalAlignment="Left" > 
<TextBox.Style> 
    <Style TargetType="{x:Type TextBox}"> 
     <Setter Property="Visibility" Value="Collapsed" /> 
     <Style.Triggers> 
      <MultiDataTrigger> 
       <MultiDataTrigger.Conditions> 
        <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListViewItem}}, Path=IsSelected}" Value="True" /> 
        <Condition Binding="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListView}}, Path=DataContext.editClicked}" Value="True" /> 
       </MultiDataTrigger.Conditions> 
       <Setter Property="Visibility" Value="Visible" /> 
      </MultiDataTrigger> 
     </Style.Triggers> 
    </Style> 
</TextBox.Style> 

模糊文本框編碼:

<Grid> 
    <WrapPanel> 
     <TextBox x:Name="tbox" Text="{Binding encTypeValidation, Mode=OneWayToSource, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" Foreground="{StaticResource myTextBoxColor}" Validation.ErrorTemplate="{StaticResource validationErrorTemplateBubble}" PreviewMouseDown="tbox_PreviewMouseDown" Width="200" > 
      <TextBox.InputBindings> 
       <MouseBinding Gesture="LeftClick" Command="{Binding addBoxClicked}" /> 
      </TextBox.InputBindings> 
     </TextBox> 
    </WrapPanel> 
</Grid> 

一些關於它呈現方式,第一(非blury)是一個 「ListViewItem的」 控制模板內,另一種是一個用戶控件..

任何想法?

固定

加入UseLayoutRounding = 「true」 以母公司控制,即修正:ContentControl中!

謝謝Aybe!

 <Grid Grid.Row="2" Background="{StaticResource myLightGrey}" > 
     <Border BorderBrush="{StaticResource myLightGrey}" BorderThickness="0,1,1,0"> 
      <ContentControl x:Name="AddPanel" VerticalAlignment="Center" HorizontalAlignment="Center" UseLayoutRounding="True"/> 
     </Border> 
    </Grid> 

Fixed

+0

嘗試UseLayoutRounding和SnapToDevicePixels。 – Aybe

+0

顛倒你的代表,以便將來可以做內聯屏幕截圖。祝你好運。 – Bobby

+0

@Aybe在發佈之前幾乎在所有元素上都嘗試過SnapToDevicePixels,認爲它與此有關,將嘗試UseLayoutRounding(儘管我想我試過)應用到哪個元素?在Adorner ControleTemplate我想.. –

回答

1

添加UseLayoutRounding = 「true」 以父容器控件解決了渲染問題。