如何在xaml,UWP中的2个位置之间设置按钮的移动动画

时间:2016-06-28 19:02:25

标签: animation uwp-xaml

我有两个按钮。一个是编辑按钮,单击该按钮可以编辑页面上的其他对象。我希望只有在启动“编辑状态”后才会出现第二个按钮。那部分并不是很难。但是,我不想只是从右到左改变第一个按钮的对齐方式,为第二个按钮(取消按钮)腾出空间到第一个按钮的右边 - 我想动画这个动作,好像让它看起来像将第一个按钮向左移动,即可显示第二个按钮。

我一直在寻找数小时试图找到如何做到这一点,WPF有很多选项,但UWP应用程序的解决方案并不多。

到目前为止,我发现了这个:

<Button x:Name="EoIdButton" Grid.Row="0" Grid.Column="2" view:EventHandlers.Attach="Click" BorderBrush="DarkGray" FontFamily="Segoe MDL2 Assets" Content="{Binding EoIdButtonContent, Mode=TwoWay, Converter={StaticResource SegoeConverter}}" Style="{StaticResource CircleButtonStyle}" Visibility="{Binding EoVis, Mode=TwoWay, Converter={StaticResource BooleanToVisibilityConverter}}">
                <interactivity:Interaction.Behaviors>
                    <core:DataTriggerBehavior Binding="{Binding SomeProperty, Mode=TwoWay}">
                        <core:ChangePropertyAction></core:ChangePropertyAction>
                    </core:DataTriggerBehavior>
                </interactivity:Interaction.Behaviors>
            </Button>

因此,虽然我可以使用此更改属性,但我看不到如何创建动画。我的猜测,基于我的搜索将是使用故事板,但同样,我发现的大多数解决方案都与WPF有关和/或不起作用,因为场景太不同了。如果某人有解决方案,那就太好了。

另外清晰度 我有按钮1:

      (EditButton)

单击(EditButton)时,我想要编辑按钮来渲染/动画左边,结果看起来像这样:

(EditButton)(CancelButton)

单击编辑按钮或取消按钮时,我希望它返回到原始状态

0 个答案:

没有答案