那些遇到过的问题

将故事板放在应用程序资源中

Ton*_*Nam 10 c# wpf resources xaml dynamicresource

我需要在几个地方使用相同的故事板,因此我将故事板放在我的Application.Resources中.当我尝试执行故事板时,唯一的问题是我需要引用我想要动画的目标.这是我的故事板:

    <System:String x:Key="target">border2</System:String>
    <Storyboard x:Key="stHeight">
        <DoubleAnimationUsingKeyFrames 
            Storyboard.TargetProperty="(FrameworkElement.Height)" 
            Storyboard.TargetName="{DynamicResource target}"> 
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="90">
                <EasingDoubleKeyFrame.EasingFunction>
                    <CircleEase EasingMode="EaseOut"/>
                </EasingDoubleKeyFrame.EasingFunction>
            </EasingDoubleKeyFrame>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
Run Code Online (Sandbox Code Playgroud)

我为不同对象的高度设置动画的方式是通过更改动态资源目标.当故事板在当前窗口中时,我能够这样做.但现在我想将它放在应用程序资源中,我不知道如何引用目标属性.

编辑

我之前发布的解决方案效果不错但有时很难用代码创建复杂的动画.所以我解决的另一个替代解决方案是使用表达式混合创建故事板.所以我将一个随机控件拖到表达式混合中的主窗口并创建一个随机动画.让我们说动画出现为:

         <Storyboard x:Key="Storyboard1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="90"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="103"/>
            </DoubleAnimationUsingKeyFrames>
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Storyboard.TargetName="grid">
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.75,0.5"/>
            </PointAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="75"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
Run Code Online (Sandbox Code Playgroud)

然后我复制该代码并将其粘贴到我的工作窗口而不是APP.XAML中.

然后在我的代码中假设我有一个:

<Border Name="brdBorder" BorderBrush="Silver" BorderThickness="1" Margin="328,104,0,0"  Background="#FFE52E2E" HorizontalAlignment="Left" Width="94" Height="100" VerticalAlignment="Top" >
    <Border.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Border.RenderTransform>
</Border>
Run Code Online (Sandbox Code Playgroud)

由于某种原因,变换组必须在那里才能为对象设置动画.无论如何,让我们说我在工作窗口中有那个寄宿生,我想用我用表达式混合创建的相同动画来制作动画.我将在代码中做的是:

Storyboard sb1 = FindResource("Storyboard1") as Storyboard;

foreach (var child in sb1.Children)
{
    Storyboard.SetTargetName(child, brdBorder.Name);
}

sb1.Begin(this);
Run Code Online (Sandbox Code Playgroud)

然后我能够在我的工作窗口上设置该边框的动画.这个很好的部分是我可以将相同的动画应用于多个对象(这是我认为创建资源的目的)当我尝试将故事板放在资源字典或app.xaml中时问题就出现了文件.当我这样做时,c#能够找到故事板,但故事板的属性是只读的,因此我收到错误:

Cannot set a property on object 'System.Windows.Media.Animation.DoubleAnimationUsingKeyFrames' because it is in a read-only state.
Run Code Online (Sandbox Code Playgroud)

我想要这样做的原因是将相同的动画应用于多个对象.解决方案是使用代码构建基本动画,然后使用更复杂的动画(如缓动函数等)将其另存为资源.让我告诉你我的意思.

在我的资源文件中,我放置了以下资源:

   <EasingDoubleKeyFrame x:Key="pleaseWork">
        <EasingDoubleKeyFrame.EasingFunction >
            <BackEase EasingMode="EaseOut" Amplitude="1"/>
        </EasingDoubleKeyFrame.EasingFunction>
    </EasingDoubleKeyFrame>
Run Code Online (Sandbox Code Playgroud)

在expresion混合中,您可以构建更复杂的缓动功能.然后使用代码我将创建一个基本的故事板:

DoubleAnimation animation = new DoubleAnimation();
            animation.To = 336;   // final value
            //animation.From = 0;
            //animation.BeginTime = TimeSpan.FromSeconds(0); 
            animation.Duration = new Duration(TimeSpan.FromSeconds(5)); // how much time should animation last
            // here comes the magic:
            // note that I can bind to EasingDoubleKeyFrame in my resource file in xaml
            animation.EasingFunction = ((EasingDoubleKeyFrame)FindResource("pleaseWork")).EasingFunction; // apply the easing function 
            Storyboard.SetTarget(animation, groupBox1);  // what object will be animated?
            Storyboard.SetTargetProperty(animation, new PropertyPath(FrameworkElement.HeightProperty)); // what property will be animated

            Storyboard sb = new Storyboard();
            sb.Children.Add(animation);
            sb.Begin();
Run Code Online (Sandbox Code Playgroud)

这使我能够在多个对象上使用相同的故事板.

H.B*_*.B. 22

您无需在任何地方引用目标,您只需在本地创建一个目标,这是动态资源查找的重要功能之一,例如

<!-- No more target here! -->
<Application.Resources>
    <Storyboard x:Key="SB_Height" x:Shared="False">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Height)"
                Storyboard.TargetName="{DynamicResource AnimationTarget}">
            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="90">
                <EasingDoubleKeyFrame.EasingFunction>
                    <CircleEase EasingMode="EaseOut" />
                </EasingDoubleKeyFrame.EasingFunction>
            </EasingDoubleKeyFrame>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</Application.Resources>
Run Code Online (Sandbox Code Playgroud) 
<!-- Somewhere else... -->
<Button Name="mybutton" Content="Test" Height="20">
    <Button.Resources>
        <sys:String x:Key="AnimationTarget">mybutton</sys:String>
    </Button.Resources>
    <Button.Triggers>
        <EventTrigger RoutedEvent="Button.Click">
            <BeginStoryboard Storyboard="{StaticResource SB_Height}"/>
        </EventTrigger>
    </Button.Triggers>
</Button>
Run Code Online (Sandbox Code Playgroud)

Ton*_*Nam 7

最后我找到了解决方案!!!!!

如果你还记得在将appboard放入app.xaml文件时我得到的错误是:

无法在对象'System.Windows.Media.Animation.DoubleAnimationUsingKeyFrames'上设置属性,因为它处于只读状态.

换句话说,我无法修改故事板的目标属性,我可以将其更改为红色.所以解决方案是改变Storyboard.TargetName="grid"forStoryboard.TargetName="{binding}"

让我把所有东西放在一起:

step 1:

// create your custom storyboard with expression blend or xaml: 

// let's say it comes out as:

<Storyboard x:Key="Storyboard1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="90"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="103"/>
            </DoubleAnimationUsingKeyFrames>
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Storyboard.TargetName="grid">
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.75,0.5"/>
            </PointAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="grid">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="75"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
Run Code Online (Sandbox Code Playgroud)

- 

step 2:

// copy and paste  your storyboard to your app.xaml file or to a 
// resource dictionary (if you paste it in a resource dictionary do not 
// forget to merge the dictionaries so that your code is able to find the 
// storyboard as a resource)

<Application x:Class="FilesPro2._1.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             StartupUri="MainWindow.xaml">
    <Application.Resources>


        <Storyboard x:Key="Storyboard1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="{Binding}">
                <EasingDoubleK
   ....
   .....
   ...
   etc
Run Code Online (Sandbox Code Playgroud)

- 

step 3
Run Code Online (Sandbox Code Playgroud)

//替换Storyboard.TargetName ="{Binding}"的Storyboard.TargetName ="grid".//你的storyboard资源不应该是这样的:

<Application.Resources>


        <Storyboard x:Key="Storyboard1">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.X)" Storyboard.TargetName="{Binding}">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="90"/>
            </DoubleAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)" Storyboard.TargetName="{Binding}">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="103"/>
            </DoubleAnimationUsingKeyFrames>
            <PointAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)" Storyboard.TargetName="{Binding}">
                <EasingPointKeyFrame KeyTime="0:0:1" Value="0.75,0.5"/>
            </PointAnimationUsingKeyFrames>
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)" Storyboard.TargetName="{Binding}">
                <EasingDoubleKeyFrame KeyTime="0:0:1" Value="75"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
Run Code Online (Sandbox Code Playgroud)

- 

step 4

//create a method to make it easy to run the same animation on multiple objects:

void runStoryboard(string storyboardName, string objectName)
{
    Storyboard sb = FindResource(storyboardName) as Storyboard;

    foreach (var child in sb.Children)            
        Storyboard.SetTargetName(child, objectName);

    sb.Begin(this); // do not forget the this keyword
}
Run Code Online (Sandbox Code Playgroud)

- 

step 5

    // start your animation with the object you wish to animate
            runStoryboard("Storyboard1", brdBorder.Name);
Run Code Online (Sandbox Code Playgroud)

注意重要事项:

通过意识到在使用表达式混合创建故事板时,有时表达式混合将为您要设置动画的控件创建渲染变换组.在这个例子中,我为一个寄宿生动画.并且要让那个边界动画,它需要有

           <Border.RenderTransform>
                <TransformGroup>
                    <ScaleTransform/>
                    <SkewTransform/>
                    <RotateTransform/>
                    <TranslateTransform/>
                </TransformGroup>
            </Border.RenderTransform>
Run Code Online (Sandbox Code Playgroud)

换句话说,如果您的动画处理scaletransform skewtransform等,则将该渲染变换组放置到您计划制作动画的所有对象上.

最后,我能够动画:

<Border Name="brdBorder"  BorderBrush="Silver" BorderThickness="1" Margin="338,6,0,0" Background="#FFE52E2E" HorizontalAlignment="Left" Width="94" Height="38" VerticalAlignment="Top">
    <Border.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Border.RenderTransform>
</Border>

   //   AND

<Button Name="mybutton" Content="Test" Height="20" Click="mybutton_Click">
    <Button.RenderTransform>
        <TransformGroup>
            <ScaleTransform/>
            <SkewTransform/>
            <RotateTransform/>
            <TranslateTransform/>
        </TransformGroup>
    </Button.RenderTransform>
</Button>



AS:

runStoryboard("Storyboard1", brdBorder.Name);
runStoryboard("Storyboard1", mybutton.Name);
Run Code Online (Sandbox Code Playgroud)

  • 你可以听听我的建议并将`x:Shared`设置为false,你就不会在这个混乱中出现任何**. (3认同)

归档时间：

查看次数：

17169 次

最近记录：

9 年，8 月 前
相关归档
C#音频库 39
在ViewBox中拉伸WPF ListView中的项目 20
具有触摸惯性的WPF列表框可以拉下整个窗口 17
为什么此XAML会收到错误:在使用ItemsSource之前,Items集合必须为空 11
如何在XAML中使用定义的画笔资源,来自C# 8
为什么绑定的StringFormat没有使用当前的文化？ 5
wpf中的2路绑定调用属性两次 4
在xaml标记内设置事件处理程序方法 2
如何使用MVVM在WPF的主窗口中显示用户控件 1
为什么 MouseDown 事件处理程序没有被命中？ 0
难疑归档
如何使用Curl从终端/命令行发布JSON数据到测试Spring REST？ 2606
在jQuery中添加表行 2331
在shell中,"2>&1"是什么意思？ 2121
如何在jQuery中选择具有多个类的元素？ 1985
使用JavaScript在新选项卡(而不是新窗口)中打开URL 1941
打印Java数组最简单的方法是什么？ 1852
使用jQuery中止Ajax请求 1775
UNION和UNION ALL有什么区别？ 1350
Android SDK安装找不到JDK 1185
endsWith在JavaScript中 1085