背景

我觉得事情进展顺利，但我想改变应用程序。在本教程中，作者有一个单独的GrayscaleEffect项目，在他的XAML中执行以下操作：

xmlns:effect="clr-namespace:GrayscaleEffect;assembly=GrayscaleEffect"

后来他有了这个：

DataTemplate x:Key="itemTemplate">
        <Grid Width="225" Margin="3">
            <Border BorderBrush="White" BorderThickness="2">
                <Image Source="{Binding}" HorizontalAlignment="Center" VerticalAlignment="Center">
                    <Image.Effect>
                        <local:GrayscaleEffectTest x:Name="grayscaleEffect"/>
                    </Image.Effect>
                    <Image.Triggers>
                        <EventTrigger RoutedEvent="Mouse.MouseEnter">
                            <BeginStoryboard>
                                <Storyboard>
<!--HERE-->                         <DoubleAnimation To="1.0" Duration="0:0:0.3" AccelerationRatio="0.10" DecelerationRatio="0.25" Storyboard.TargetName="grayscaleEffect" Storyboard.TargetProperty="(local:GrayscaleEffectTest.DesaturationFactor)" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                        <EventTrigger RoutedEvent="Mouse.MouseLeave">
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation To="0.0"  Duration="0:0:4" AccelerationRatio="0.10" DecelerationRatio="0.25" Storyboard.TargetName="grayscaleEffect" Storyboard.TargetProperty="(local:GrayscaleEffectTest.DesaturationFactor)" />
                                </Storyboard>
                            </BeginStoryboard>
                        </EventTrigger>
                    </Image.Triggers>
                </Image>
            </Border>
        </Grid>
    </DataTemplate>

这里的关键点是很长的行<DoubleAnimation ....：

Storyboard.TargetProperty="(effect:GrayscaleEffect.DesaturationFactor)" />

我的方法

我想做同样的事情，除了我想将所有代码保存在同一个项目中，而不是有两个项目。

所以，我没有包含;assembly=GrayscaleEffect。此外，我的<DoubleAnimation ...行读作：

<DoubleAnimation ... Storyboard.TargetName="grayscaleEffect" Storyboard.TargetProperty="(local:GrayscaleEffectTest.DesaturationFactor)" />

然而，WPF设计器抛出初始化程序异常。程序运行但是当我鼠标悬停时没有动画被触发......

有人有什么想法吗？我确信WPF应该能够在同一个项目中运行像素着色器...我的项目有预构建事件，而不是重命名为GrayscaleEffect 测试并将两个项目合并到一起一，我的项目应与教程相同。我尝试过其他一些失败方法，主要是设置Storyboard.TargetProeprty = every damn thing under the sun。还试图破解一些东西来设置代码背后的动画，希望我至少可以通过一个调试器，并尝试看看发生了什么。显然，没有任何效果：（。

非常感谢任何帮助。欢呼声。

Answer 1

有点尴尬，但错误是在椅子和键盘之间。所以，代码工作正常。为了帮助别人，我会解释我的调试过程，然后解释问题所在。

首先，我将像素着色器更改为从红色变为红色和绿色。那就是：

 result.r = 255;
 result.g = 0;
 result.b = 255 * factor;

因子是发送到图形卡的数据变量。一旦我这样做了，我注意到事情很有效。过渡是一个阶梯函数，而不是线性插值，但颜色正在发生变化。然后，我认为像素颜色范围必须是[0到1.0]。这给了我应该得到的效果。

 result.r = 1.0;
 result.g = 0;
 result.b = 1.0 * factor;

最后，我加载了一张新的企鹅图片而不是我正在使用的原始测试图片，我意识到了我的主要错误。企鹅的照片工作得很好，我想，到底是怎么回事？！然后我看了我的测试图像，这是一个黑白图像！（愚蠢，愚蠢的哑巴）。不得不发布这个“解决方案”的耻辱将有希望阻止我再次犯这样的错误。感谢您帮助@Nico Schertler。

WPF中的像素着色器效果

背景

我的方法

1 个答案: